【从0带做】场馆预约系统

作者：武哥聊编程 (opens new window)
公众号：武哥聊编程 (opens new window)
获取链接：https://www.javaxmsz.com/projectDetail?id=69 (opens new window)

一、项目功能视频

二、项目在线体验地址

体验地址（请电脑端浏览器访问）：http://49.234.52.28:90/ (opens new window)
用户账号： lisi 密码：123456
场馆管理员：wangwu 密码：123456
系统管理员：admin 密码：admin
注：为了保证线上数据完整，关闭了线上增删改数据功能，不影响实际代码功能

三、项目技术栈

前后端分离
后端：SpringBoot3 + MyBatis + Hutool
前端：Vue3 + Element-Plus + Vue-Router + Axios
数据库： MySQL

版本要求：
jdk不低于17，MySQL 5.7或者8，node.js环境不低于16，maven版本建议3.8及以上，navicat建议不低于16

数据库表：11张表
难度系数：⭐⭐⭐⭐

四、项目功能描述

超级管理员

登录、个人信息、修改密码
系统首页：查看近一周每日场馆预约人数情况折线图、不同类型场馆数量分布饼状图、不同类型场馆申请数量柱状图
轮播图管理：管理系统轮播图信息，轮播图关联相关场馆，用户点击轮播图进入对应场馆详情
场馆类型：管理所有场馆类型信息
场馆信息：管理所有由场馆人员提交的场馆信息，管理员审批场馆信息，只有审批通过的场馆才能展示在用户端，审批拒绝和待审批的场馆都无法再用户端显示
场馆申请：管理由用户提交的场馆申请信息
场馆比赛：管理所有由场馆人员提交的场馆比赛信息
比赛报名申请：管理所有由用户提交的比赛报名申请信息
反馈信息：管理系统反馈信息，并进行回复
公告信息：管理系统公告信息
用户信息：管理用户信息
场馆人员信息：管理场馆人员信息，场馆人员必须通过认证后才能够使用场馆管理员的功能，认证状态处于待审批或者审批拒绝状态的场馆人员都无法使用场馆人员功能
管理员信息：管理管理员信息

场馆管理员

登录、注册、个人信息、修改密码、认证信息
系统首页：查看系统公告信息
场馆预约审批：管理所有预约本场馆的预约申请，审批由用户提交的场馆预约申请
场馆比赛信息：管理本场馆发布的比赛信息，可以管理比赛的状态
比赛报名审批：管理场馆的比赛报名申请信息

用户

登录、注册、个人信息、修改密码
首页：查看轮播图、公告信息、热门场馆信息、最新比赛信息
场馆列表：按分类查看所有场馆信息，支持场馆的预约申请
比赛列表：查看所有场馆比赛信息，只有处于报名中的比赛才可以报名
反馈与建议：提交系统的反馈意见，提交反馈意见，由管理员进行回复
场地搜索：支持按照场地名称进行搜索
游客模式：系统支持游客模式访问（不登录可访问主页等相关信息）
查看自己预约的场地记录和审核结果
查看自己的比赛报名信息和审核结果
查看自己的反馈回复结果

五、项目创新点

• 多角色权限控制
• 通用的预约审核模型
• Echarts图表多维度数据统计
• 场地和比赛详情富文本编辑器的使用
• 系统支持游客模式访问

六、关键页面截图