(2022年)SpringBoot+Vue3前后端分离的在线报名系统

OnlineFrom

一个基于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 端口。

猜你喜欢

转载自blog.csdn.net/qq_63593632/article/details/124512332