这个仓库是我们AI大创组的前端代码仓库。
该项目参考了一个github模板,启动前端之前需要在Terminal里输入:
npm install
npm run dev
2月5日
列出了目前项目现存问题和一些解决思路:
1.后端接口职责不清楚(比如,有2个添加模型的接口,一个应该是用户添加具体的处理用模型,一个应该是管理员添加模型模板),在接口文档里描述的不清楚
2.接口不清楚导致业务流程不清楚,不知道一个具体的业务涉及哪些接口
解决:
和后端同学开会时逐个页面、逐个业务地讨论涉及接口,捋清楚重要接口的作用、重要业务涉及的接口
3.现在的页面太简陋了,尤其原来的前端原型图中首页太过“寒酸”,需要丰富内容。
解决:
每个人需要改一改自己负责的页面,让内容多样一点,比如以下思路:表格加上批量选择功能、加些logo或提示、加个搜索框。
4.用户和管理员区分、权限验证
解决:
权限验证毫无疑问和后端有关,这个得等到接口测试完成以后再做。
用户和管理员区分这方面,我们目前大概做了用户页面,还需要一个管理员页面,管理员至少得有2种功能:管理用户账号、管理模型模板。
5.接口测试
解决:
在服务器上用Postman发送请求给后端,进行接口测试。
人员 | 任务 |
---|---|
陈凯文 | 继续修改模型页面,参考实现一个账号管理页面(要简单放个大表格就行,要困难可以多玩玩) |
冯亚林 | 继续修改配置页面(对话框改成子页面)、接口测试 |
郭子坤 | 修改首页 (多加些花里胡哨的统计图、提示之类的,可以参考原来的模板或者其他网页) |
蒋俊敏 | 修改深度学习页面,参考和实现一个属于管理员的侧边栏 |
其他任务:
- 学习以下工具:
- Vue3 + 组件库Element Plus + JavaScript + 测试工具Swagger 和 jest
- 熟悉模板代码
- 学习用jest、swagger、postman等测试接口
- 细化各种已有文件,比如接口文件,或者加些原型图
学长的论文、前后端项目代码
github项目 https://github.com/lin-xin/vue-manage-system
https://www.jestjs.cn/ jest 中文文档
网易云课堂,为你精选好课 (163.com) 第一节课中间部分有对于前端js单元测试的简介
https://www.jianshu.com/p/33c28a65deb8 Swagger-强大的API文档工具
https://element-plus.gitee.io/zh-CN/ Element-Plus
Postman教程: