NJU 软院AI大创组的前端仓库.zip

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