企业官网建设流程全解析

一、项目简介

这是一套基于 Spring Boot 3 + Vue 3 + MySQL 的足球场馆智能预约系统，采用前后端分离架构。后端提供 RESTful API，前端通过 Vue 3 单页应用进行交互。系统包含普通用户端和管理员端两个角色：普通用户可完成注册登录、场馆浏览搜索、时段预约、模拟支付、订单管理、评价反馈、场馆收藏及个人中心等操作；管理员可进行仪表盘数据概览、场馆与时段管理、订单审核与导出、用户管理、评价管理、公告与轮播图维护、系统配置及多维数据统计。项目附带完整数据库初始化脚本与万字文档，适合作为毕业设计或企业级预约类系统的学习参考。

二、技术栈

三、功能模块

管理员端

• 仪表盘概览：展示总用户数、上架场馆数、总订单数、今日订单数、总营收、今日营收等关键统计数据，便于快速掌握平台运营状况。
• 场馆管理：支持按名称/地址关键词、类型、状态筛选场馆列表；可新增、编辑、删除场馆（删除时同步清理关联图片）；支持场馆上下架与启用/禁用操作。
• 场馆图片管理：查看场馆关联图片列表，新增图片并设置排序值，删除不需要的图片。
• 时段管理：按场馆、日期、状态筛选时段列表；可新增、编辑、删除时段，手动设置时段状态；支持批量生成时段（指定场馆、日期范围、多个时段模板及对应价格），大幅提升排场效率。
• 订单管理：查看全部订单（支持按状态、场馆、用户、关键词、预约日期筛选）；查看订单详情；执行确认预约（待确认→已预约）、完成订单（已预约→已完成）、取消订单（填写原因）、驳回订单（填写原因并自动释放时段名额）；支持添加订单备注及导出订单数据为 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