一个基于SpringBoot+Vue3实现的前后端分离的在线报名系统,可用于用户的信息收集。
前端利用Vite2+Vue3快速搭建。
个人博客
墨水记忆
源码地址
涉及知识点前端:Vue3、Element-Plus、Echarts、Axios、Vue-Router、Vite
后端:SpringBoot、MyBatis-Plus
JDK:1.8
MySQL:8.0
其他相关:Hutool工具、JWT、Email等。
注意事项超级管理员创建管理员时,默认密码为123456。
功能描述-
收集用户信息
-
实行黑名单制度。在黑名单上的人将无法进行报名活动的提交。
-
相同用户在同一报名中只能提交一次。
-
通过邮箱发送的方式保证用户为有效用户。
-
数据的可视化展示
等等。
功能截图 用户视角活动期间。
活动结束。
管理员视角首页。
报名活动表的管理
查询某个报名活动的具体信息。
黑名单用户管理。
根据某活动数据进行可视化展示。
权限相关。角色管理和人员管理。
修改密码。个人密码和他人密码。
执行sql文件中的建库建表语句即可。
默认超级管理员admin,密码123456。
部署后端修改 clgc-java 中的, application.yml 中的配置。
-
邮箱配置:username 填写开启的邮箱;password 为授权码。
-
数据库配置:datasource 配置自己的数据库信息
分为用户前端和后台前端。
用户前端利用的vite2+vue3实现。
- 在 clgcacm 目录下执行:npm install 安装依赖。执行:npm run dev 运行项目,项目运行在 8080 端口。
采用普通Vue3项目实现。
- 在 schoolm 目录下执行:npm install 安装依赖。 执行: npm run serve 运行项目,项目运行在 8002 端口。



