本次项目是学校大四上的实训项目大作业,自己命题,我就连着之前的实验室系统来实现了微信小程序版本。
前后端项目地址:Studio-Vue(Gitee)、Studio-Vue(Github)
截止目前:2023.9.20
项目名称:实验室小助手
本项目实现了前后端分离,采用token来完成用户鉴权登录,后端使用了springboot+springsecurity,登录、注册密码进行非对称加密,前端部分界面使用了vant-weapp组件。主要实现了以实验室为主题的成员及数据管理app,目前已完成用户账号的登录、注册,用户信息编辑功能的前后端实现,主要页面包含有实验室主页、团队成员动态数据展示、聊天界面、我的界面、后端管理系统预览页面、用户信息编辑页面、用户详细信息展示、消息界面。
功能详细介绍:总共8个页面,调用了8个后端接口
①实验室主页index:1个接口:获取团队汇总数据。| 优化轮播图UI,数据栏目展示。
②团队成员展示页面team:1个接口:①获取团队成员数据。| 前端页面团队成员精细展示,导航栏索引定位功能,下拉刷新数据。 ③聊天界面chat:目前写死,仅仅只是两个用户聊天的静态页面。
④我的页面my:3个接口:①获取验证码接口。②登录接口。③注册接口。 | 实现登录、注册、获取用户信息功能,用户凭证使用token,登录、注册中密码进行了非对称加密。登录、注册功能快速使用精简集成。
⑤后台管理系统预览页面 manage:使用web-view组件。
⑥用户信息编辑页面edituser:3个接口:①获取用户信息接口。②获取年级、专业菜单接口。③保存用户接口。 | 使用流程顺畅,包含用户提示信息,使用了Vant Weapp中的选择器组件。
⑦用户详细信息展示membershow:用户详细信息,包含联系方式,需要登录后才能访问,目前同样写死。
⑧消息界面message:设想是多团队成员聊天,目前仅写死双方聊天静态页面。
测试工具:ApiFox,微信小程序调试工具。
前端使用技术:微信小程序、vant weapp UI组件、rsa工具库、iconfont。
后端技术:SpringBoot、Spring Security、MybatisPlus。
index:实验室主页
- 1个接口:获取团队汇总数据。
- 亮点:优化轮播图UI,数据栏目展示。
team:团队成员展示页面
- 1个接口:①获取团队成员数据。
- 亮点:前端页面团队成员精细展示,导航栏索引定位功能,下拉刷新数据。
chat:聊天界面
- 说明:目前写死,仅仅只是静态页面。
my:我的页面
- 基本功能:登录、注册功能,贡献日历锁实现。
- 3个接口:①获取验证码接口。②登录接口。③注册接口。
- 亮点:用户凭证使用token,登录、注册中密码进行了非对称加密。登录、注册功能快速使用精简集成。
manage:后台管理系统预览页面
- 说明:学习使用web-view组件。
edituser:用户信息编辑页面
- 3个接口:①获取用户信息接口。②获取年级、专业菜单接口。③保存用户接口。
- 亮点:使用流程顺畅,包含用户提示信息,使用了Vant Weapp中的选择器组件。
template:模板页面(存放组件)
- 说明:封装dialog、toast、loading的一些常用组件,方便引入调用(Vant Weapp中组件)。
membershow:用户详细信息展示
- 说明:自己提前在墨刀绘制页面,目前写死仅实现静态页面。
message:消息界面
- 说明:设想是多团队成员聊天,目前仅写死双方聊天静态页面。
花费时间:35h不等
2023.9.20:添加了网络异常报错提示;增加了编辑用户的上传文件组件及上传图片功能。
2023.9.19:优化实现登录界面功能使用;实现注册页面;完成纯静态页面(成员信息展示页面、消息页面、聊天页面);完成实验室首页的海报页面优化。
2023.9.16:实现登录界面、个人信息编辑界面UI以及前后端功能链条。
2023.9.13:优化我的页面。
2023.9.12:完成四个tab界面,首页进入栏目;实验室管理界面轮播图、数据;团队成员界面;我的界面;工作室管理系统界面。
作者QQ:939974883
QQ群:571215225
整理者:长路 时间:2023.9.20