wuyuan springboot+vue 2023-10-23

基于springboot+vue的广东海洋大学体育馆管理系统

快速开始
运行手册

启动项目

下载包命令：npm install
启动命令：npm run serve
生产环境：npm run build
运行Redis：redis-server.exe

运行环境
java:8（jdk1.8）
mysql:5.6.35
redis:3.0
核心依赖
依赖版本
Spring Boot 2.3.8.RELEASE
springSecurity（SpringBoot） 2.3.8.RELEASE
redis（SpringBoot） 2.3.8.RELEASE
validation（SpringBoot） 2.3.8.RELEASE
websocket（SpringBoot） 2.3.8.RELEASE
Mybatis Plus 3.4.1
mysql-connector-java 8.0.22
junit 4.13.1
swagger2 2.7.0
jjwt 0.9.0
lombok 1.18.16
kaptcha 0.0.9
hutool 5.3.3
commons-lang3 3.10
aliyun-sdk-oss 3.10.2
easyexcel 3.1.3
数据库简易E-R图
简易ER图

1、登录界面
1.1 管理员登录
点击登录时，登录模块SpringSecurity整合JWT实现用户身份认证和授权，控制用户的资源访问权限；
其中验证码是通过JWT技术实现的；

身份账号密码
超级管理员 admin 123456
器材管理员 equip 123456
场地管理员 place 123456
赛事管理员 comp 123456
普通管理院 user 123456
1.2 重置信息
点击重置登录信息会清空

2、客户端
2.1 首页展示
用户前端展示模块分为：”首页“、”器材列表“、”竞赛列表“和”公告列表“，以下是首页展示：

其中，首页有“场地信息”、“通知公告”、“场地预约情况”以及“赛事详细信息”
在“场地信息”中，用户可以通过场地信息简述了解到各个场地的基本信息，包括：”联系人“、”联系电话“、”场地地址”等信息；
在“通知公告”中，用户可以第一时间知道管理员发布的公告信息，了解到学校新的运动比赛成绩；
在“场地预约”中，用户可以通过自己的实际情况，预约每个场地今天、明天两天12个时间段的场地，不需要进行管理员审批就可以进行预约；
在“赛事详细信息”中，用户可以通过检索所有的赛事信息，对所有的比赛进行查看、报名等操作；
2.2 器材列表
客户端可以对器材进行租借操作

填写信息：租用数量&租用时间

通过WebSocket技术，超级管理员/器材管理员弹出器材审批通知

进行处理操作

管理员进行器材审批操作：“通过”

用户端：点击我的订单【已经通过租用状态】

点击归还，提交订单

管理员可以对器材状态进行判断：“回收”或“损坏”
当点击“损坏”时：【填写金额和原因】

用户端再进行租借时会失效：用户进入失信名单

用户需要在“我的订单”中将订单进行赔偿才能继续进行租借
2.3 竞赛列表
首页

报名详情页面

2.4 公告列表
展示所有公告（列出10条）

详情信息页面