Skip to content

kaiwenKevinn/TeamAI-FrontEnd

Repository files navigation

1.项目说明

这个仓库是我们AI大创组的前端代码仓库。

该项目参考了一个github模板,启动前端之前需要在Terminal里输入:

	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) 第一节课中间部分有对于前端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

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published