AI编程：小白用智谱GLM-4.6开发体育馆管理系统全流程
作者从教学者与实践者的双重视角出发，精准洞察初学者的痛点——不是不会写代码，而是被环境配置、系统架构和国外大模型门槛所困。文章以极高的技术密度与极细致的可操作性，完整演示了如何借助国产大模型 GLM-4.6，从需求分析、数据库设计到前后端联调，一步步搭建出一个完整可运行的体育馆管理系统。
本文源自 GLM Coding 大师作品征集赛 的获奖作品，原文作者为 予贝。
数万开发者严选的编码搭子 GLM Coding Plan
推荐语：
作者从教学者与实践者的双重视角出发，精准洞察初学者的痛点——不是不会写代码，而是被环境配置、系统架构和国外大模型门槛所困。文章以极高的技术密度与极细致的可操作性，完整演示了如何借助国产大模型 GLM-4.6，从需求分析、数据库设计到前后端联调，一步步搭建出一个完整可运行的体育馆管理系统。
不仅展示了 GLM 在编码、调试、架构思考上的强大辅助力，也为开发者提供了一条可复用的 AI 驱动开发范式。
在过去的教学实践中，我发现了一个明显的转变：对于编程初学者而言，真正的挑战已经不再是单纯的代码编写本身，而是国外大模型的使用门槛、复杂的环境配置以及令人望而生畏的系统架构设计。
但随着国产大模型的飞速发展，特别是智谱 GLM-4.6 的发布，其编码能力已能媲美顶尖模型，弥补了国内大模型在编程辅助能力上的不足，为我们的学习和开发提供了量大管饱般的便利与支持。
今天，我将通过这篇详尽的教程，带领大家全程利用先进的国产大模型，从零开始，完整地开发一个实用的体育馆管理系统。我们将一起体验如何借助强大的 AI 工具，高效解决项目设计、编码实现和系统部署等各个环节的问题。
一、开发环境安装
在代码开发之前，需要大家先提前配置好环境，本次教程后端框架为 SpringBoot3 ，前端为 Vue3，数据库为 Mysql，按照接下来的教程一步步安装即可
一）后端环境安装
1、JDK( Java Development Kit)
JDK 是 Java 开发工具包（Java Development Kit）的缩写，由 Oracle 公司维护，是开发和运行 Java 应用程序的核心工具集。
包含编译器（javac）、运行时环境（JRE）、调试工具（jdb）、文档生成器（javadoc）等组件，支持从编写到部署的全流程开发。
JDK 的核心是 JVM（Java 虚拟机），负责执行字节码实现跨平台运行。从 JDK 8 引入 Lambda 表达式到 JDK 21 的虚拟线程，每个版本都带来性能优化和新特性（如模块化系统、记录类等），长期支持（LTS）版本如 JDK 17 确保稳定性。
下载地址 ：https://www.oracle.com/java/technologies/downloads/
往下翻有 JDK17 版本，选择对应版本下载，官网需要账号，也可以从百度网盘下载
通过网盘分享的文件：jdk-17_windows-x64_bin.exe
链接： https://pan.baidu.com/s/15ersQfVPozxqVlAW19yw?pwd=f4d4
提取码： f4d4
下载完成后双击进行安装
2、IDEA( IntelliJ IDEA)
IDEA 是由 JetBrains 开发的 Java 集成开发环境（IDE），被公认为最强大的 Java 开发工具之一。
提供智能代码补全、重构、版本控制集成（如 Git）、JUnit 测试支持等功能，大幅提升开发效率。
IDEA 的亮点包括动态语法检测、JSP/EJB 支持、以及创新的 GUI 设计。其模块化架构和插件系统（如 Maven Helper）进一步扩展了功能，适合企业级和个人项目开发。
IDEA 官网下载：https://www.jetbrains.com.cn/idea/download/?section=windows，打开下载链接，选择需要的版本进行下载，商业版需要激活码，破解等，比较麻烦，初学者可以选用社区版
双击安装程序进行安装
点击下一步
修改安装目录
按下图勾选
安装中
点击完成
安装完成后双击运行 IDEA 即可
3、Maven
Maven 是 Apache 旗下的项目管理工具，主要用于 Java 项目的构建、依赖管理和标准化。
通过 POM（项目对象模型）文件定义项目结构，Maven 可自动下载依赖库（如从中央仓库或阿里云镜像），并支持编译、测试、打包等生命周期阶段。
其优势包括统一的目录结构、多模块支持、与持续集成工具（如 Jenkins）的集成。Maven 的本地仓库缓存依赖，减少重复下载，而丰富的插件（如生成文档）进一步简化开发流程。
Maven 只需要把安装包解压到全英文目录即可，可以通过网盘下载：
链接： https://pan.baidu.com/s/1-14BHFOmnMC6gUqWLBbKFw?pwd=ttyx
提取码： ttyx
官网下载地址：https://maven.apache.org/
下载完成后，解压到英文目录即可，便于后续项目中导入
二）前端环境安装
1、nodejs
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境，允许开发者使用 JavaScript 编写服务器端应用程序。
采用事件驱动、非阻塞 I/O 模型，能够高效处理高并发请求，特别适合实时应用和 I/O 密集型任务。Node.js 轻量且跨平台，支持 Windows、Linux 和 macOS 等操作系统。自 2009 年由 Ryan Dahl 创建以来，Node.js 已成为现代全栈开发的重要技术，被 Netflix、PayPal 等企业广泛采用。
官网下载：https://nodejs.org/en/download，下载最新版 msi 文件
下载完成后双击安装
三）Mysql 安装
1、mysql
MySQL 是一款开源的关系型数据库管理系统（RDBMS），由瑞典公司 MySQL AB 开发，现隶属于 Oracle。采用 SQL（结构化查询语言）进行数据操作，支持多用户、多线程，并以其高性能、高可靠性和易用性著称。
MySQL 广泛应用于 Web 应用（如 WordPress、Facebook）、企业级软件和云计算平台。核心特性包括事务支持（ACID）、主从复制、分区表、存储过程和触发器。MySQL 兼容多种操作系统（Linux、Windows、macOS），并与 PHP、Python、Java 等编程语言深度集成，是 LAMP 技术栈的核心组件之一。
Mysql
下载链接： https://pan.baidu.com/s/1qdHbrVDhB-Ljq2yn1mGEDQ?pwd=326g
提取码： 326g
下载完成后解压，双击 msi 文件进行安装
选择 No，不需要更新安装程序
选择 Server only，只需要安装后台服务即可
选择 Product，没有安装微软的插件会提示并自动安装，安装完成后点击 Execute
默认，点击 Next
配置 root 用户的密码，一般为 123456（需要牢记，后续都会用到）
默认，点击 Next
点击 Execute，等待安装完成
安装完成后，点击 Finish
2、Navicate
Navicat 是一套功能强大的数据库管理工具，支持 MySQL、PostgreSQL、Oracle、SQL Server 等多种数据库系统。由 PremiumSoft 公司开发，提供直观的图形界面（GUI），简化了数据库的创建、查询、维护和备份操作。
用户可通过可视化工具设计表结构、编写 SQL 语句、导入/导出数据，并支持数据同步和自动任务调度。Navicat 分为 Essentials、Premium 等版本，适用于开发者和 DBA（数据库管理员）。
其跨平台特性（Windows、macOS、Linux）和云数据库连接能力（如 AWS RDS）进一步提升了效率。
Navicate
下载链接： https://pan.baidu.com/s/1E2Bo337Foq94zJzkJke9_w?pwd=js1m
提取码： js1m
下载完成后解压，找到 navicate.exe 双击即可运行
软件打开后，点击左上角连接，新建 MySQL 连接
输入连接名和密码，点击连接测试
如果连接成功，点击确定保存，
双击进入数据库就可以看见数据库的表及其内容了，Mysql 自带的这 4 个表不要删除，删除会损坏数据库
二、系统开发
在需求分析之前，需要先新建工程目录，创建 SportsManager 文件夹，用 Cursor 或者 Vscode 等工具打开，这里不需要用到 Cursor 本身的 AI 编程能力
在左侧找到扩展图标，搜索 claude 安装 Claude Code for VS Code 插件，通过该插件，可以更人性化操作 CC。
随便新建一个文件，点击文件右上角 Claude 图标，即可打开该插件，这样就可以类似其他 IDE 对话编程了
一）需求分析
在开始编写代码前，需要 AI 先帮我们梳理一下系统的功能模块，复制如下提示词到对话框
提示词：
你是一位资深的产品经理，我需要你根据我提供的题目和功能帮我进行功能模块的详细梳理，因为这是一个小案例，不需要接入电话，短信，邮箱，云平台等第三方服务，
# 题目
基于Springboot的体育馆管理系统，使用SpringBoot3+Vue3
# 输出参考格式
# 题目名
## xxx模块
### xxx功能
一句话介绍该功能
### xxx功能
一句话介绍该功能
## xxx模块
### xxx功能
一句话介绍该功能
### xxx功能
一句话介绍该功能
# 程序要求
- 只需要适配web端即可，需要有首页和管理界面
- 登录注册全部需要用户自己注册，不要接入第三方平台
- 不要涉及机器学习，算法等相关内容
- 5个功能模块即可，不需要系统管理，日志管理等和业务无关的功能模块
# 输出要求
- 使用markdown格式输出，输出为需求分析.md
- 不需要加粗AI 生成内容之后，有问题的内容审核修改
# 基于Springboot的体育馆管理系统
## 用户管理模块
### 用户注册
新用户通过填写用户名、密码、联系方式等信息完成账号注册
### 用户登录
已注册用户通过用户名密码登录系统
### 个人信息管理
用户可以查看和修改个人基本信息，包括姓名、联系方式等
### 密码修改
用户可以修改登录密码，确保账号安全
## 场馆预约模块
### 场馆浏览
用户可以查看所有可预约的场馆信息，包括场馆类型、容量、设施等
### 场馆搜索
用户可以根据场馆类型、时间段等条件搜索符合条件的场馆
### 在线预约
用户选择场馆和时间段后提交预约申请
### 预约记录查询
用户可以查看自己的历史预约记录和当前预约状态
## 订单管理模块
### 订单生成
系统自动生成包含预约详情的订单信息
### 订单支付
用户选择支付方式完成订单支付（模拟支付流程）
### 订单查询
用户可以查询所有历史订单和当前订单状态
### 订单取消
用户可以在规定时间内取消未支付的订单
## 活动管理模块
### 活动发布
管理员发布体育馆举办的各类活动信息
### 活动浏览
用户可以查看所有正在进行或即将举办的活动
### 活动报名
用户对感兴趣的活动进行在线报名
### 活动日历
以日历形式展示每月的活动安排
## 费用管理模块
### 价格设置
管理员设置不同场馆、不同时段的使用费用标准
### 费用查询
用户可以查询各项场馆使用的收费标准
### 消费统计
用户可以查看自己的场馆使用消费情况统计
### 收入报表
管理员查看系统整体的收入情况和统计分析二）功能设计
提示词：
你是一位资深的架构师，我需要你根据我提供的需求分析.md帮我进行功能模块的详细梳理，因为这是一个小案例，不需要接入电话，短信，邮箱，云平台等第三方服务
# 输出要求
- 根据需求分析进行功能模块梳理，详细设计每个模块的数据库，后端，前端，API接口等内容
- 数据库详细设计需要的字段及格式，不要涉及具体语句，用户要区分管理员及普通用户
- 后端设计需要实现的详细功能
- 设计合理的API接口，供前后端对接
- 前端设计需要实现的详细功能
# 输出参考格式
# 数据库设计
-使用表格形式，表名为xxx表，表头为：字段，类型，大小，说明
-表名不要放到表格里，数据库有多个的话要分开
- 数据类型不要使用TINYINT类型
# xxx功能模块
## API设计
-使用表格形式，表名为xxxAPI表，表头：端点，方法，描述
## 后端设计
1. xxx功能描述
2. xxx功能描述
## 管理端功能设计
1. xxx功能描述
2. xxx功能描述
## 用户端功能设计
1. xxx功能描述
2. xxx功能描述
# xxx功能模块
## API设计
## 后端设计
## 管理端功能设计
## 用户端功能设计
# 要求
- 输出保存为功能设计.md
- 不要有任何代码内容
- 不要用无序列表AI 生成内容之后，有问题的内容审核修改
三）数据库创建
在开发之前，我们先创建好数据库
1、sql 文件编写
很好，接下来我需要你根据我提供的功能设计.md中的数据库设计帮我进行sql文件的编写
# 要求
- 需要有创建库和创建表的语句，支持直接导入创建数据库
- 数据类型不要使用TINYINT类型
- 数据库名为sportsmanager，管理员账号为admin，密码为123456
- 每个表增加5-10条数据
- 输出保存为sportsmanager.sql生成 sql 文件如下
2、数据库创建
打开 navicate 软件，左侧数据库连接成功后，点击右键，选择运行 SQL 文件
选择生成好的 sql 文件，点击开始
正确打印 successfully 证明文件 sql 文件没问题，如果报错需要让 AI 继续修改
完成后点击关闭，重新连接数据库，可以看到数据库表已经建立好了，并且成功插入了数据
数据库到这里就搭建完成了，供后续后端调用
四）后端目录搭建
1、创建 Springboot 框架
本次 Springboot 框架搭建采用 spring initializr 在线工具进行搭建：https://start.spring.io/index.html
根据 Spring Initializr 的配置界面，以下是针对每个选项的选择建议，帮助创建适合的 Spring Boot 项目：
-
Project ：Maven，适合大多数 Java 项目，生态成熟，配置简单。
-
Language：Java 是主流选择，生态支持最完善
-
Spring Boot（版本）：选择最新稳定版，图中为 3.5.4，避免选带 SNAPSHOT/M1 的版本（非稳定版）。
-
Project Metadata（项目元数据）
-
Group：填写公司/组织域名倒序（如 com.yubei）
-
Artifact：后端名称（如 server），会作为 Jar 包名和子包路径。
-
Packaging： 选择 Jar，适合微服务或内嵌容器运行（推荐）。
-
Java Version： 保守选择：17（LTS 长期支持版，企业更常用）。
-
-
Dependencies（依赖项）
-
Spring Web：开发 RESTful API 或 Web 应用的核心依赖。
-
Lombok：简化实体类代码（需 IDE 安装插件支持）。
-
MySQL Driver ：按数据库类型选择。
-
MyBatis Framework : MyBatis 框架
-
配置完成后点击 Generate 按钮下载压缩包 （如 server.zip）
解压完成后，复制到 SportsManager 目录下
2、修改 application 文件
将 SportsManager\sportsback\src\main\resources 目录下的 application.properties 文件修改为 application.yml
文件内容修改为如下内容
spring:
application:
name:sportsmanager
datasource:
url:jdbc:mysql://localhost:3306/sportsmanager?useUnicode=true&characterEncoding=utf8&serverTimezone=Asia/Shanghai&useSSL=false&allowPublicKeyRetrieval=true
username:root
password:123456
driver-class-name:com.mysql.cj.jdbc.Driver
servlet:
multipart:
max-file-size:10MB
max-request-size:10MB
jackson:
date-format:yyyy-MM-ddHH:mm:ss
time-zone:Asia/Shanghai
# 文件上传配置
file:
upload:
path:uploads/
avatar-path: uploads/avatar/-
your_database 需要修改为具体的数据库名，后续可以改为和项目一样的名字：sportsmanager
-
username 是登录数据库的账户
-
password 是登录数据库的密码
3、配置 Maven
IDEA 中点击文件 -> 设置
4、配置注解处理器
5、配置 JDK
IDEA 中点击文件 -> 项目结构
选择之前安装的 SDK
配置完成后就可以正常启动了，但这时候还是初始代码，只有一个框架
五）前端目录搭建
前端目录使用 Vite 进行创建，Vite 是新一代前端构建工具，基于原生 ES 模块开发，支持快速冷启动和热更新，适用于现代 Web 项目，以下是详细步骤：
1. 环境准备
确保已安装：
-
Node.js 版本 18+
-
npm
# 检查 Node.js 和 npm 版本
node -v
npm -v确保能正常打印版本号
2. 创建 Vue 项目
直接运行命令（自动选择模板），front 为项目名，也可以让 AI 直接生成前端目录
npm create vite@latest front 模版选择 Vue，语言选择 JavaScript，其他默认即可
确定后会直接安装依赖并启动服务器
运行后会显示本地访问地址（http://localhost:5173）。
到这里前端环境就配置完成了，接下来就可以让 AI 写代码了，后续的模块仅针对当前体育馆管理系统项目，其他项目需修改对应提示词
六）用户管理功能模块开发
1、用户管理功能模块后端
提示词中一定要指定参考文件和工作目录，否则 AI 会乱写
你是一位资深的Java全栈开发工程师，精通Spring Boot3、Spring Framework、Maven、JUnit、Vue、数据库，多线程等相关前后端技术，接下来我需要你根据我提供的 @需求分析.md 文档 @功能设计.md 文档和@sportsmanager.sql 数据库文件，在后端项目目录 @server/ 下编写我需要的后端功能模块
# 开发功能模块
## 用户管理模块后端设计
## 后端设计
1. 实现用户注册功能，包括用户名重复性校验和密码加密存储
2. 实现用户登录认证，生成JWT令牌用于后续接口鉴权
3. 实现个人信息管理，支持用户查看和修改基本信息
4. 实现密码修改功能，包含旧密码验证
5. 实现用户权限管理，区分普通用户和管理员权限
6. 实现管理员用户管理功能，支持查看用户列表和修改用户状态
# 后端开发要求
- 正确使用注解（如 @SpringBootApplication、@RestController、@Service）
- 按标准结构组织 Spring Boot 应用：config（配置类）、controller（控制器）、service（业务服务层）、repository（数据访问层）、model（实体类）、dto（数据传输对象）、util（工具类）。
- 类名使用 PascalCase（如 UserController、OrderService）。
- 方法与变量名使用 camelCase（如 findUserById、isOrderValid）。
- 常量使用全大写加下划线（如 MAX_RETRY_ATTEMPTS、DEFAULT_PAGE_SIZE）
- 使用 Mybtis 进行数据库操作，注意版本适配。
- 使用 lombok 注解处理
- 确保数据库表结构与实体类字段类型相匹配
- 不需要创建任何测试代码
# 要求
- API严格按照功能设计.md文档中
- 开发过程中有任何疑问随时向用户提出
- 不要创建任何使用及介绍手册，专注代码开发，可以适当添加注释
- 代码编写完成后不要自己运行测试，提示我完成即可，我自己测试后端开发完成后，一定要进行验证，没有报错后再开发其他功能
编写完成后启动，有报错，将左侧这些错误发给 Cursor 修改即可，后续遇到也是同样的逻辑，有问题让 AI 改
解决了两个问题，程序正常启动了，有看到 Tomcat 在 8080 启动这一行打印即后端启动成功
后端启动没问题后，就可以继续开发前端了
2、用户管理功能模块前端
提示词和后端一样，都需要把文档和项目目录提供给 AI
你是一位资深的Vue.js高级全栈工程师，拥有20年的Web开发经验，多线程等相关前后端技术，我需要你根据我提供的 @功能设计.md 文档和@需求分析.md 文档和 @sportsmanager.sql 数据库文件，在前端项目目录 @front/ 下编写我需要的前端功能模块
# 开发功能模块
## 管理端功能设计
1. 用户列表管理：查看所有注册用户信息，支持搜索和筛选
2. 用户状态管理：启用或禁用用户账号
3. 用户信息编辑：修改用户基本信息
4. 用户统计：查看用户注册数量和活跃度统计
## 用户端功能设计
1. 用户注册页面：填写用户名、密码、手机号等信息完成注册
2. 用户登录页面：输入用户名密码进行登录
3. 个人中心页面：查看和编辑个人基本信息
4. 密码修改功能：验证旧密码后设置新密码
5. 登录状态管理：显示当前登录用户信息和退出登录
# 界面要求
- Web端界面控件要铺满整个浏览器窗口,所有界面采用全屏布局，左右两侧不要留太大空白区域
- 用户端界面采用F型布局：用户浏览视线路径
- 管理端界面采用侧边栏导航布局，左侧导航菜单 + 右侧内容区布局”
- 管理员可通过用户端特定入口切换到管理端，比如个人头像点击后有管理界面选项
# 前端开发要求
- 使用统一的前端组件样式框架 Element Plus
- 使用Vue 3的Composition API进行开发，合理使用setup语法糖。
- 利用Vue Router进行路由管理，实现页面导航和路由守卫。
- 使用Pinia进行状态管理，合理组织store结构。
- 实现组件化开发，确保组件的可复用性和可维护性。
# 要求
- API严格按照功能设计.md文档设计编写
- 开发过程中有任何疑问随时向用户提出
- 不要写太多使用及介绍手册，专注代码开发，可以适当添加注释
- 代码编写完成后不要自己运行测试，提示我完成即可，我自己测试一次性开发完成，界面如下
这里登录密码校验会有问题，是之前 sql 语句自动生成时候和程序的不一样，需要先注册一个账号，密码设置为 123456，更改数据库其他用户的密码和新注册账户的密码一样就可以登录了
用户管理功能模块就到这里了，GLM 写的界面真不错，我们接着让开发下一个模块
七）场馆预约模块
第一个模块是最麻烦的，需要处理环境，配置等问题，后续的模块就比较方便了
1、场馆预约模块后端
你是一位资深的Java全栈开发工程师，精通Spring Boot3、Spring Framework、Maven、JUnit、Vue、数据库，多线程等相关前后端技术，接下来我需要你根据我提供的 @需求分析.md 文档 @功能设计.md 文档和@sportsmanager.sql 数据库文件，在后端项目目录 @server/ 下编写我需要的后端功能模块
# 开发功能模块
## 后端设计
1. 实现场馆信息查询，支持列表展示和条件搜索
2. 实现预约创建功能，检查时间冲突和场馆可用性
3. 实现预约状态管理，支持预约取消和状态更新
4. 实现预约记录查询，支持用户查看自己的预约历史
5. 实现场馆可用时段检查，避免重复预约
6. 实现管理员场馆管理功能，支持场馆信息的增删改查
# 后端开发要求
- 正确使用注解（如 @SpringBootApplication、@RestController、@Service）
- 按标准结构组织 Spring Boot 应用：config（配置类）、controller（控制器）、service（业务服务层）、repository（数据访问层）、model（实体类）、dto（数据传输对象）、util（工具类）。
- 类名使用 PascalCase（如 UserController、OrderService）。
- 方法与变量名使用 camelCase（如 findUserById、isOrderValid）。
- 常量使用全大写加下划线（如 MAX_RETRY_ATTEMPTS、DEFAULT_PAGE_SIZE）
- 使用 Mybtis 进行数据库操作，注意版本适配。
- 使用 lombok 注解处理
- 确保数据库表结构与实体类字段类型相匹配
- 不需要创建任何测试代码
# 要求
- API严格按照功能设计.md文档中
- 开发过程中有任何疑问随时向用户提出
- 不要创建任何使用及介绍手册，专注代码开发，可以适当添加注释
- 代码编写完成后不要自己运行测试，提示我完成即可，我自己测试还是有报错，让 AI 修改
2、场馆管理功能模块前端
你是一位资深的Vue.js高级全栈工程师，拥有20年的Web开发经验，多线程等相关前后端技术，我需要你根据我提供的 @功能设计.md 文档和@需求分析.md 文档和 @sportsmanager.sql 数据库文件，在前端项目目录 @front/ 下编写我需要的前端功能模块
# 开发功能模块
## 后端设计
1. 实现场馆信息查询，支持列表展示和条件搜索
2. 实现预约创建功能，检查时间冲突和场馆可用性
3. 实现预约状态管理，支持预约取消和状态更新
4. 实现预约记录查询，支持用户查看自己的预约历史
5. 实现场馆可用时段检查，避免重复预约
6. 实现管理员场馆管理功能，支持场馆信息的增删改查
## 管理端功能设计
1. 场馆信息管理：添加、编辑、删除场馆信息
2. 场馆状态管理：设置场馆维护状态和可用状态
3. 预约管理：查看所有预约记录，处理异常预约
4. 场馆统计：查看各场馆使用率和收入统计
5. 预约冲突处理：处理预约时间冲突问题
# 界面要求
- Web端界面控件要铺满整个浏览器窗口,所有界面采用全屏布局，左右两侧不要留太大空白区域
- 用户端界面采用F型布局：用户浏览视线路径
- 管理端界面采用侧边栏导航布局，左侧导航菜单 + 右侧内容区布局”
- 管理员可通过用户端特定入口切换到管理端，比如个人头像点击后有管理界面选项
# 前端开发要求
- 使用统一的前端组件样式框架 Element Plus
- 使用Vue 3的Composition API进行开发，合理使用setup语法糖。
- 利用Vue Router进行路由管理，实现页面导航和路由守卫。
- 使用Pinia进行状态管理，合理组织store结构。
- 实现组件化开发，确保组件的可复用性和可维护性。
# 要求
- API严格按照功能设计.md文档设计编写
- 开发过程中有任何疑问随时向用户提出
- 不要写太多使用及介绍手册，专注代码开发，可以适当添加注释
- 代码编写完成后不要自己运行测试，提示我完成即可，我自己测试有些小 bug，让 AI 修改
场馆预约管理开发完成
八）订单管理模块
1、订单管理模块后端
你是一位资深的Java全栈开发工程师，精通Spring Boot3、Spring Framework、Maven、JUnit、Vue、数据库，多线程等相关前后端技术，接下来我需要你根据我提供的 @需求分析.md 文档 @功能设计.md 文档和@sportsmanager.sql 数据库文件，在后端项目目录 @server 下编写我需要的后端功能模块
# 开发功能模块
## 后端设计
1. 实现订单创建功能，关联预约信息生成订单
2. 实现支付流程管理，支持多种支付方式选择
3. 实现订单状态管理，跟踪订单支付和完成状态
4. 实现订单取消功能，处理退款逻辑
5. 实现订单查询功能，支持多条件筛选和分页
6. 实现订单统计功能，生成收入和使用情况报表
# 后端开发要求
- 正确使用注解（如 @SpringBootApplication、@RestController、@Service）
- 按标准结构组织 Spring Boot 应用：config（配置类）、controller（控制器）、service（业务服务层）、repository（数据访问层）、model（实体类）、dto（数据传输对象）、util（工具类）。
- 类名使用 PascalCase（如 UserController、OrderService）。
- 方法与变量名使用 camelCase（如 findUserById、isOrderValid）。
- 常量使用全大写加下划线（如 MAX_RETRY_ATTEMPTS、DEFAULT_PAGE_SIZE）
- 使用 Mybtis 进行数据库操作，注意版本适配。
- 使用 lombok 注解处理
- 确保数据库表结构与实体类字段类型相匹配
- 不需要创建任何测试代码
# 要求
- API严格按照功能设计.md文档中
- 开发过程中有任何疑问随时向用户提出
- 不要创建任何使用及介绍手册，专注代码开发，可以适当添加注释
- 代码编写完成后不要自己运行测试，提示我完成即可，我自己测试2、订单管理模块前端
你是一位资深的Vue.js高级全栈工程师，拥有20年的Web开发经验，多线程等相关前后端技术，我需要你根据我提供的 @功能设计.md 文档和@需求分析.md 文档和 @sportsmanager.sql 数据库文件，在前端项目目录 @front/ 下编写我需要的前端功能模块
# 开发功能模块
## 管理端功能设计
1. 订单列表管理：查看所有订单信息和状态
2. 订单详情查看：查看订单关联的预约和支付信息
3. 订单统计报表：按时间、场馆等维度统计订单数据
4. 收入分析：分析各场馆收入情况和趋势
5. 异常订单处理：处理支付异常或取消的订单
## 用户端功能设计
1. 订单列表页面：展示用户的所有订单记录
2. 订单详情页面：查看订单详细信息和相关预约
3. 支付功能：选择支付方式完成订单支付
4. 订单取消：在规定时间内取消未支付订单
5. 订单状态跟踪：实时查看订单处理进度
6. 消费记录：查看历史消费金额和统计信息
# 界面要求
- Web端界面控件要铺满整个浏览器窗口,所有界面采用全屏布局，左右两侧不要留太大空白区域
- 用户端界面采用F型布局：用户浏览视线路径
- 管理端界面采用侧边栏导航布局，左侧导航菜单 + 右侧内容区布局”
- 管理员可通过用户端特定入口切换到管理端，比如个人头像点击后有管理界面选项
# 前端开发要求
- 使用统一的前端组件样式框架 Element Plus
- 使用Vue 3的Composition API进行开发，合理使用setup语法糖。
- 利用Vue Router进行路由管理，实现页面导航和路由守卫。
- 使用Pinia进行状态管理，合理组织store结构。
- 实现组件化开发，确保组件的可复用性和可维护性。
# 要求
- API严格按照功能设计.md文档设计编写
- 开发过程中有任何疑问随时向用户提出
- 不要写太多使用及介绍手册，专注代码开发，可以适当添加注释
- 代码编写完成后不要自己运行测试，提示我完成即可，我自己测试开发就到这里了，后续的功能模块一样的逻辑开发即可
三、总结
通过本案例实践，你已经掌握了完整的全栈开发流程，整体模块开发就到这里了，还有很多的细节需要完善。
这个项目已经为你奠定了扎实的工程实践基础，相信你能够将这些经验应用到未来的开发工作中。
汇聚全球AI编程工具，助力开发者即刻编程。
更多推荐
23
0- 0
已为社区贡献2条内容
所有评论(0)