2023.03.06 加入,已入驻 450 天。
2023.03.06 加入,已入驻 450 天。
项目职责:项目描述: 开发助手是为开发人员提供一些常用功能的后台管理系统,访客已过 100,且代码已开源,可以在 github 上进行 clone。 涉及技术: Vue3、TypeScript、Vite、Pinia、Cypress、Element-Plus、Axios、Node.js、Koa2、MySQL 等 工作内容: 1、采用前后端分离的模式,前端项目分为: 登录、注册、ECharts 数据分析、用户列表、留言回复、 工具列表、个人设置等 20 多个功能点;后端连接 MySQL 数据库,使用 crypto 创建哈希对象进行数 据加密,为前端提供接口。 2、使用 Vite 搭建 Vue3 项目,TypeScript 进行编码,JSX 优化复杂 DOM 结构,Pinia 进行共享状态 管理,Vitest 进行单元测试,Cypress 进行自动化测试,Eslint 进行代码规范检查,Element-Plus 刻 画 UI 页面,在父子组件间使用 provide、inject、props、emit 等进行通信,利用 axios 发送请求。 3、使用 Koa2 搭建 Node.js 项目,JavaScript 进行编码,log4js 收集错误日志、SQL 增删改查、jwt 生成和校验 token、fs 和 mkdir 操作文件(夹)、cors 处理跨域。 4、安装 Linux 系统,打包 dist 和后端部署到服务器,配置 nginx 代理静态资源,配置 pm2 映射域名。 5、采用 ahocorasick 字符串匹配算法对留言的违禁词进行检测。 责任描述: 1、负责前端页面开发、功能实现、数据渲染和动效处理等。 2、负责后端接口开发,安全验证、信息交互、数据库操作等。 3、负责服务器购买、域名注册、Linux 安装、项目部署和网站备案等。 项目收获: 通过该项目的开发,提高了对项目的全局把控能力。前端 Vue3 全家桶、TypeScript 等技术的涉及 拓宽了我的技术栈;后端 Koa2、MySQL 等技术的使用让我对数据库设计、分页操作、联表查询、数据安 全等有了初步的认识,也让我对项目开发有了完整的认知;最终通过 Linux 服务器的相关操作得以让项目展 示在大家面前。 项目链接: http://github.com/mygoes/vue3-ts-project,http://superman666.com(演示) 项目经历