毕设我才发现，其实是老师对接了企业的需求，然后派博士生去保密单位里参观，凭记忆画出来的设计图.也就是我其实在秘密仿制别人的关键程序,然后给老师卖钱.所以设计才那么粗糙,所以才建了个群，轮流回忆式的一点一点表达需求.老师原来见我挂科太多,还说把硕士生的项目抄一抄就算我通过了,然后我发了我的简历和offer,他说可以把这个给我做试试看,大概几个月吧,然后我这四天就做完了嘛,他才说可以邀请我去他的舵机开发小组,老师明显不太懂程序,更像是项目经理或者中介之类的.他的那些博士硕士表达的也不是很清晰,可能是因为保密单位不能拿手机的缘故,所以那个设计图都是像涂鸦一样的
关于程序,这是我第一次写electron桌面程序,其实就是封装了一个浏览器和所有依赖在里面的全栈项目.(这下那个"测测你电脑里有多少浏览器"的计数可以+1了哈哈)
全栈项目基本还是那样,前后端分离,搜集需求,写设计,然后落实,解耦实现,不过这次有这样几个新的改动
- 前端UI设计文档采取了比较规范的文字设计语言,像是这样的,有效提高了组件复用效率和样式统一,也提高了开发效率:
. 左侧下方4/18高度的控制区:
- 三行两列
- 切换按钮:显示模式切换(双路显示/单路显示)|波特率输入
- 按钮组:中止键|复位键
- 按钮组:退出系统|帮助
- 后端设计在传统的确定数据流形成设计文档之后,加入了IPC通信设计,文件结构更清晰,明白了分成几个worker主要子线程的设计规范
- 实践了TDD开发,写完设计文档之后先写测试用例,然后写实现代码,最后跑测试,保证功能正确,并且集成进CI/CD(Continuous Integration/Continuous Delivery)流程(使用husky在每次commit前跑测试用例(vitest),后端关键逻辑组件(workers)不会有问题)
- 之前都是使用React,这次尝试了Vue3(有待了解前后端数据沟通方式),比起React的JSX语法,Vue的语法更接近我心目中的前后端分离,没有大块的函数包裹,像是React中的useEffect,而是更像传统的HTML+JS分离,更清晰
- 首次打包分发和运行了我自己写的桌面程序,exe和AppImage格式,使用electron-builder一键完成,体验非常好
- 使用了TypeScript,虽然之前也用过,但是这次一开始就确定了要TS全栈,方向很明确,类型系统带来的好处非常明显,几乎没有遇到什么bug,加上TDD,几乎后端是一遍写完的,反而是前端因为显示样式没有自动化测试,微调花了不少时间
- electron提供的脚手架文件和自己设计的解耦文件结构组合配合很好,第一次我对全栈项目的全部文件夹结构有了清晰的认识,知道每个文件夹和文件的职责,也方便了扩展和维护