一、项目简介本系统是一套基于 Spring Boot 3 Vue 3 前后端分离架构的乒乓球室综合管理平台覆盖场地预约、器材租用、订单支付、报损处理、公告发布及数据统计等核心业务。系统采用前后端分离架构后端提供 RESTful API前端通过 Axios 调用接口并渲染页面。系统包含普通用户端和管理员端两大角色用户可在线预约场地、租用器材并查看订单与公告管理员则负责场地、器材、订单、租用申请、报损、用户及公告的全流程管理。二、技术栈技术说明后端框架Spring Boot 3ORMMyBatis-Plus含逻辑删除、自动填充权限无框架级权限角色由前端路由控制前端框架Vue 3Composition API setup 语法状态管理无 Pinia/Vuex使用组件内局部状态构建工具Vite数据库MySQL 8前端 UI 库Element Plus路由Vue RoutercreateWebHistoryHTTP 客户端Axios通过 request 工具封装跨域后端 CorsConfig 允许 localhost:3000文件上传MultipartFile → 本地 uploads 目录三、功能模块管理员端数据统计面板查看系统整体运营概览作为管理后台默认首页可扩展为统计图表展示。场地管理新增、编辑、删除场地字段包括名称、位置、价格、描述、状态支持查看场地列表。维护管理查看所有维护记录关联场地名称/位置按场地ID查询维护记录新增维护记录时自动将场地状态设为“维护中”完成维护时自动恢复场地为“可用”删除维护记录时自动检查并恢复场地状态。器材管理新增、编辑、删除器材字段包括名称、类型、总库存、可用库存、价格、描述、图片支持更新器材状态。订单管理查看所有订单场地预约、器材租金、报损赔偿三类展示关联的场地/器材详情支持更新订单支付状态。租用管理查看所有器材租用申请含用户ID、器材名称、数量、状态审核申请通过/拒绝通过时自动扣减器材库存查看租用记录详情。报损管理查看所有报损记录器材名称、用户、原因、赔偿金额处理报损时输入赔偿金额金额大于0时自动生成赔偿订单。用户管理查看所有用户列表隐藏密码新增、编辑用户校验用户名唯一性删除用户。公告管理新增、编辑公告标题、内容、状态草稿/已发布发布公告草稿转为已发布并记录发布时间撤回公告已发布转为草稿清除发布时间删除公告逻辑删除按标题/内容/状态搜索公告。普通用户端注册新账号填写用户名、密码、姓名、手机号完成注册系统校验用户名唯一性。登录系统通过用户名和密码登录支持普通用户与管理员角色切换。查看场地列表浏览所有乒乓球场地信息包括名称、位置、单价、状态、描述。预约场地选择场地、预约日期、开始/结束时间系统自动校验时间冲突重叠时段不可预约。查询场地可用性输入场地ID、日期、时间段实时返回该时段是否可预约。查看已预约时段按场地和日期查询已被预约的时间段列表排除已取消的预约。查看我的租用申请按用户ID查看所有器材租用申请记录及状态待审核/租用中/已归还/已拒绝。提交器材租用申请选择器材、填写数量、预计归还日期提交后等待管理员审核。归还器材对状态为“租用中”的租用记录发起归还系统自动恢复器材库存并生成租金订单。提交报损申请对损坏的器材提交报损单填写器材ID、损坏原因等待管理员处理。查看报损记录查看本人提交的报损列表及处理状态待处理/已处理。查看我的订单按用户ID查看所有订单场地预约订单、器材租金订单、报损赔偿订单含关联的场地/器材详情。查看公告列表浏览管理员发布的公告标题、内容、发布时间。查看订单剩余支付时间对未支付的场地预约订单查看距离超时5分钟的剩余秒数。四、项目总结本系统技术亮点在于使用 Spring Boot 3 Vue 3 最新版本构建前后端分离项目搭配 MyBatis-Plus 实现高效数据操作与逻辑删除业务逻辑覆盖场地预约、器材租用、报损处理等完整闭环且包含自动状态变更与订单生成机制。系统结构清晰、接口规范适合作为 Java 全栈课程设计、毕业设计或乒乓球场馆管理类项目的学习与二次开发参考。界面展示交付内容本项目为完整交付包含完整后端源码完整前端源码数据库初始化脚本SQL万字项目文档设计文档 / 论文可作课程设计、毕业设计参考获取完整源码完整前后端源码 数据库脚本 万字项目文档见 Gitee 仓库https://gitee.com/kangxihuang/src-K060