项目开发经历总结

SHANNON

19人浏览 · 2026-03-18 22:25:33

SHANNON · 2026-03-18 22:25:33 发布

教务系统的大开发

这次负责制作一个教务系统的前端项目进行开发，和多人一起完成，之前制作小的项目的时候因为进度更不上退出过一次，其实这次的进度也不是很够，来这里主要是和厉害的人交流学习，认识到在实际开发中，我们需要做哪些事情提前去熟悉一下业务流程之类的。

项目开发第一阶段

1.开发环境的配置，安装了淘宝镜像库，对应的依赖。git bash的安装，tortoisegit的安装。在tortoisegit里面拉取这个项目的基础代码。然后分组创建自己的分支

Vue	前端框架	v3.x	https://v3.vuejs.org/
Vue-Router	路由框架	v4.x	https://next.router.vuejs.org/
Pinia	全局状态管理框架	v2.x	https://pinia.vuejs.org/
Axios	HTTP中间件	v1.7.2	https://github.com/axios/axios
Element-Plus	前端UI框架	latest	https://element-plus.gitee.io/zh-CN/
ECharts	图表框架	latest	Apache ECharts
AJ-Captcha	验证码插件	1.3.0	https://ajcaptcha.beliefteam.cn/captcha-doc/
SheetJS	电子表格插件	0.20.2	https://docs.sheetjs.com/docs/ https://docs.sheetjs.com/docs/demos/frontend/vue
vue-plugin-hiprint	打印插件	0.0.56	https://gitee.com/CcSimple/vue-plugin-hiprint
wangEditor	富文本编辑器	v5	https://www.wangeditor.com/v5/
pdfobject	pdf预览插件	2.3.0	https://github.com/pipwerks/PDFObject
Vitest	测试框架	1.6.0	https://cn.vitest.dev/ https://cn.vuejs.org/guide/scaling-up/testing.html
pinyin-pro	汉字转拼音库	latest	https://pinyin-pro.cn/
wot-starter	基于vitesse-uni-app的深度整合 wot-ui 组件库，现代化的 uni-app 快速起手项目	v1.3.2	https://starter.wot-ui.cn/ https://uni-helper.cn/

iconify：功能强大的前端图标工具

2.下一步是组织内训讲解了扩展的组件以及对应的如何去启动这个项目。

3.需求分析，分析这个项目中的公用组件例如：导航（我负责的），主页面，图表，表单。。。

开发第二阶段代码运行

导航组件

正式开始敲代码，首先在vsc里面拉取了自己的分支然后创建文件夹。编写了代码，导航的组件的实现有/基础表单/可修改的数据/对应的路由。最后完成开发。完成后在vsc里输入git add . # 暂存所有解决完冲突的文件，git commit -m "merge: 解决f1-MUSHROOM分支远程更新冲突"，# 推送本地 f1-MUSHROOM 分支到远程 git push origin “对应的分支名称（你自己当前创建的分支）”。最后在云效里面提交合并代码请求，然后提交pr请求（如果这个分支是你制作的单次分支，管理员会在合并的时候自动把他删除掉）