Springboot3+Vue3+MySQL 足球场馆预约系统源码 前后端分离实战

一、项目简介这是一套基于 Spring Boot 3 Vue 3 MySQL 的足球场馆智能预约系统采用前后端分离架构。后端提供 RESTful API前端通过 Vue 3 单页应用进行交互。系统包含普通用户端和管理员端两个角色普通用户可完成注册登录、场馆浏览搜索、时段预约、模拟支付、订单管理、评价反馈、场馆收藏及个人中心等操作管理员可进行仪表盘数据概览、场馆与时段管理、订单审核与导出、用户管理、评价管理、公告与轮播图维护、系统配置及多维数据统计。项目附带完整数据库初始化脚本与万字文档适合作为毕业设计或企业级预约类系统的学习参考。二、技术栈技术说明后端框架Spring Boot 3.2ORMMyBatis-Plus权限认证JWTjjwt前端框架Vue 3状态管理Pinia构建工具Vite数据库MySQL 8Excel 导出Apache POI三、功能模块管理员端仪表盘概览展示总用户数、上架场馆数、总订单数、今日订单数、总营收、今日营收等关键统计数据便于快速掌握平台运营状况。场馆管理支持按名称/地址关键词、类型、状态筛选场馆列表可新增、编辑、删除场馆删除时同步清理关联图片支持场馆上下架与启用/禁用操作。场馆图片管理查看场馆关联图片列表新增图片并设置排序值删除不需要的图片。时段管理按场馆、日期、状态筛选时段列表可新增、编辑、删除时段手动设置时段状态支持批量生成时段指定场馆、日期范围、多个时段模板及对应价格大幅提升排场效率。订单管理查看全部订单支持按状态、场馆、用户、关键词、预约日期筛选查看订单详情执行确认预约待确认→已预约、完成订单已预约→已完成、取消订单填写原因、驳回订单填写原因并自动释放时段名额支持添加订单备注及导出订单数据为 Excel 文件。用户管理按用户名/昵称/手机关键词、角色、状态筛选用户列表查看用户详情启用/禁用用户不能禁用自己重置用户密码为 123456。评价管理查看所有评价列表按场馆、可见性筛选回复评价设置评价可见/不可见删除违规评价。公告管理查看公告列表新增/编辑公告标题、内容、状态删除公告。轮播图管理查看轮播图列表新增/编辑轮播图标题、图片 URL、链接 URL、排序、状态删除轮播图。系统配置查看和编辑系统配置项如每日预约上限、提前预约天数等支持批量保存灵活调整业务规则。操作日志按模块、用户名筛选查看操作日志列表记录详细的操作信息操作人、模块、动作、时间等便于审计追溯。数据统计展示营收趋势图近 N 天每日营收和订单数、用户注册趋势图、场馆使用率统计、热门场馆排名支持导出完整统计报表为 Excel 文件含营收趋势、用户注册趋势、场馆使用率、热门场馆排名四个 Sheet。个人信息查看和修改管理员个人资料修改登录密码。普通用户端注册账号填写用户名、密码、昵称、手机号完成注册系统自动校验用户名唯一性及密码长度。登录系统输入用户名和密码登录成功后返回 JWT Token 并记录登录日志。查看场馆列表按名称/地址关键词搜索、按场馆类型筛选、按价格区间过滤、按评分或价格排序快速定位目标场馆。查看场馆详情展示场馆基本信息、多张轮播图片、设施介绍、评分与评价列表。查看时段列表选择场馆和日期查看该日所有可预约时段含开始/结束时间、价格、剩余名额。创建预约订单选择一个时段提交预约系统自动校验每日预约次数上限可配置、提前预约天数限制、时段冲突检测防止重复预约。支付订单对未支付的订单进行模拟支付支付后订单状态变为待确认。取消订单对未完成/未取消的订单执行取消操作取消后自动释放对应时段的预约名额。查看我的订单分页查看个人订单列表支持按订单状态筛选查看订单详情订单号、场馆、时段、金额、状态等。评价已完成订单对已完成的订单进行评分1-5 分和文字评价评价后自动更新场馆平均评分。收藏场馆对感兴趣的场馆进行收藏/取消收藏操作查看我的收藏列表。个人中心查看和修改个人资料昵称、性别、手机、邮箱、头像修改登录密码重置密码为 123456。消息通知查看系统发送的通知列表支持单条标记已读和全部标记已读显示未读通知数量。登录日志查看最近 20 条登录记录IP 地址、登录时间。首页推荐根据用户历史预约记录推荐场馆按预约次数排序新用户则按评分推荐。搜索场馆通过关键词名称/地址快速搜索上架中的场馆。四、项目总结本项目的技术亮点在于后端采用 Spring Boot 3 与 MyBatis-Plus 的组合配合 JWT 无状态认证接口设计清晰规范前端使用 Vue 3 Pinia Vite 构建页面响应迅速组件化程度高。业务层面时段批量生成、订单状态机流转待支付→待确认→已预约→已完成/已取消/已驳回、预约冲突检测、自动释放名额、多维数据统计与 Excel 导出等功能均具备较高的工程实践价值。系统角色划分明确权限控制到位适合作为预约类系统的二次开发底座也可作为毕业设计、课程项目的完整参考范例。界面展示交付内容本项目为完整交付包含完整后端源码完整前端源码数据库初始化脚本SQL万字项目文档设计文档 / 论文可作课程设计、毕业设计参考获取完整源码完整前后端源码 数据库脚本 万字项目文档见 Gitee 仓库https://gitee.com/kangxihuang/src-K259