毕业设计实战：基于HTML5+SpringBoot+MySQL的网上团购系统设计与实现，从需求到测试全流程避坑指南！

谁懂啊！当初做网上团购系统毕设时，光“订单表”和“商品表”的外键关联就卡了3天——一开始没给订单表设“商品id”外键，查某个商品的订单记录时数据全串错，导师看了直接让我“重新梳理数据库关系”😫 后来踩遍无数坑才摸出高效落地流程，今天把需求分析、技术选型、功能实现到测试的核心细节说透，宝子们不用熬夜改代码，轻松搞定毕设！

一、先搞懂“网上团购系统要啥”！需求分析别瞎蒙

刚开始我跳过需求分析就写代码，花两周加了个“商品智能推荐算法”，结果导师一句“核心是商品管理、订单处理、用户操作，不是复杂算法”直接打回重改！后来才明白，需求分析得先抓准“谁用系统、要干啥”，这步做对，少走90%弯路。

1. 核心用户&功能拆解（踩坑后总结版）

系统只有两类核心用户：管理员、普通用户（别加“商家子角色”！我当初加了后权限混乱，商家能修改用户订单状态，砍掉才顺畅），功能明确区分，避免越权：

管理员端（必做功能）：
- 人员管理：维护用户账号（新增、重置密码、标记假删）、按账号/姓名筛选用户、查看用户完整信息（头像、电话、余额）
- 商品管理：处理商品类别（新增“食品/家电/美妆”等分类）、维护团购商品（添加商品信息、上传图片、设置库存/价格）、下架过期商品
- 订单管理：查看所有订单（按状态/时间筛选）、处理发货（填写物流信息）、导出订单统计报表
- 系统管理：发布公告资讯（标题+图片+详情）、管理用户评论（删除违规内容）、查看系统操作日志
用户端（核心需求）：
- 商品操作：浏览团购商品（按类别/价格排序）、查看商品详情（含评论）、加入购物车/收藏商品
- 订单处理：提交订单（选择收货地址）、查看订单状态（待支付/已支付/已发货）、取消未支付订单
- 个人中心：修改个人信息（头像、电话）、管理收货地址（新增/设默认）、查看收藏/订单历史

2. 需求分析避坑指南（血泪教训！）

别空想！找2个同学模拟管理员和用户提意见：比如用户说“想快速找到收藏的商品”，我才加了“收藏夹分类”（全部/待购买），比瞎加“智能推荐”实用
一定要画用例图！用DrawIO画“管理员-添加商品”“用户-提交订单”“用户-收藏商品”，跟导师汇报时比光说“我要做XX功能”直观10倍（当初没画，导师听20分钟没get到逻辑）
写“需求规格说明书”！把约束条件写清楚（如“商品价格≥0”“订单购买数量≥1”“收货地址非空”），编码时对着做，不跑偏

3. 可行性分析别敷衍！3点写清楚就能过

导师超爱问“系统可行吗”，别只说“我觉得可行”，从3个角度写，显专业：

技术可行性：SpringBoot、MySQL、HTML5都是课堂学过的，图书馆有《SpringBoot实战》《MySQL数据库设计》，遇到问题能查资料（别用SpringBoot 3.x！我当初试了，跟Vue2联调时商品上传接口卡4天，换回2.7才顺）
经济可行性：工具全免费！IDEA（社区版）、MySQL、Navicat（学生版）官网直接下，答辩时说“开发成本0，还能帮团购平台节约人工统计订单的时间成本”，导师会觉得你懂成本控制
操作可行性：界面参考主流团购APP，常用功能放显眼位置（如“购物车”在用户首页顶部），找同学测试，10分钟学会浏览商品、提交订单，导师直接认可

二、技术选型别跟风！这套组合稳到爆

刚开始我跟风用SpringBoot 3.x+Vue3+Redis，结果“商品缓存”卡3天——Redis配置错，重启后商品数据全丢😫 后来换成Java 8+SpringBoot 2.7+MySQL 8.0+HTML5+Vue2+Tomcat 9，新手友好，调试效率翻两倍！

1. 技术栈核心选择（附避坑提醒）

别盲目选“最新技术”，稳定比炫酷重要！核心工具选择理由和坑点直接抄：

技术工具	为啥选它	避坑提醒！
Java 8	语法简洁，SpringBoot 2.7兼容性最佳，学习资料多	别用Java 11+！部分依赖支持差，易出“类加载失败”
SpringBoot 2.7	简化配置，自带Tomcat，支持自动装配，开发效率比SSM高30%	别用3.x版本！与Vue2、MySQL 8.0兼容性差
MySQL 8.0	支持事务/外键，存商品、订单、用户数据足够用，utf8mb4编码解决生僻字乱码	安装设“utf8mb4”编码！我当初用默认编码，用户姓名含生僻字乱码，查2小时才好
HTML5+Vue2	HTML5支持移动端适配，Vue2上手简单，组件丰富，适合做团购商品展示界面	别用Vue3！组合式API对新手不友好，数据绑定易出错
Tomcat 9	轻量级服务器，适合中小型系统，与SpringBoot适配性好	别用10+版本！部分Java类包路径变化，启动报错“类找不到”

2. 开发环境搭建（step by step 实操）

很多宝子卡“环境配置”，跟着步骤来，一次成功：

装JDK 1.8：记安装路径（如D:\Java\jdk1.8），配置“JAVA_HOME”环境变量，cmd输“java -version”显“1.8.x”即成
装IDEA 2022（社区版）：勾选“Spring Boot”“Vue.js”插件，自动安装
装MySQL 8.0：用Navicat建数据库“online_group_buying”，编码设“utf8mb4”，排序“utf8mb4_general_ci”
建SpringBoot项目：IDEA选“Spring Initializr”，勾选“Spring Web”“MyBatis”“MySQL Driver”依赖，自动生成结构
配前端环境：用Vue CLI创建Vue2项目，引入Bootstrap实现响应式布局，编写商品列表、购物车页面
联调测试：在application.properties配置数据库连接（url=jdbc:mysql://localhost:3306/online_group_buying?useSSL=false&serverTimezone=UTC），写“查询商品列表”接口，前端调用能显示数据即完成

三、数据库设计：别让表关联坑了你

这是毕设“核心骨架”，我当初没关联“订单表”和“商品表”，查“某商品的订单记录”要写3层嵌套SQL，调试到凌晨1点😫 后来按“实体-属性-关系”设计，终于理清。

1. 核心实体&属性（附ER图技巧）

先确定“实体”（用户、商品、订单、购物车、收藏、收货地址），再想“属性”，别漏关键字段！必做8张表，直接画ER图：

用户表（user）：id（主键）、yonghuzhanghao（用户账号）、mima（密码）、yonghuxingming（姓名）、xingbie（性别）、yonghudianhua（电话）、touxiang（头像路径）、money（余额）、is_delete（逻辑删除：0=未删，1=已删）
商品表（group_buy_goods）：id（主键）、shangpinbianhao（商品编号）、shangpinmingcheng（名称）、shangpinleibie（类别）、tupian（图片路径）、price（原价）、discountprice（团购价）、alllimittimes（库存）、reversetime（团购结束时间）
订单表（order）：id（主键）、orderid（订单编号）、userid（关联用户）、goodid（关联商品）、buynumber（购买数量）、total（总价格）、status（状态：待支付/已支付/已发货）、address（收货地址）、tel（收货人电话）
购物车表（shopping_cart）：id（主键）、userid（关联用户）、goodid（关联商品）、goodname（商品名称）、picture（图片）、buynumber（数量）、price（单价）

画ER图用Visio/亿图，记3规则：

矩形=实体（如“用户”“商品”）
椭圆=属性（如用户“姓名”“电话”，商品“价格”“库存”）
菱形=关系（如“用户-订单”一对多，一个用户可多笔订单；“用户-购物车”一对多，一个用户可多个购物车商品） 避坑提醒：别把“商品图片、用户头像”存数据库！我当初存二进制导致数据库崩溃，改成存路径（如/static/goods/img1.jpg、/static/user/avatar1.jpg）才对。

2. 表关联测试！别等编码才发现错

建表后一定要测：在“用户表”插数据（id=1，账号=“user001”，姓名=“张三”），“商品表”插数据（id=1，名称=“无线耳机”，团购价=99元，库存=100），“订单表”插关联数据（userid=1，goodid=1，购买数量=2，总价格=198元，状态=“已支付”），用JOIN查“某用户订单记录”：

SELECT u.yonghuxingming, g.shangpinmingcheng, o.buynumber, o.total, o.status
FROM `order` o
JOIN user u ON o.userid = u.id
JOIN group_buy_goods g ON o.goodid = g.id
WHERE u.id = 1;

能查出“用户名+商品名+购买数量+总价格+订单状态”说明关联对；若报错“Cannot add or update a child row”，大概率外键错，赶紧检查表结构。

四、功能实现：核心模块操作+页面设计

不用做所有功能！先搞定3个核心模块，答辩足够出彩，附操作逻辑和页面要点：

1. 管理员端：商品管理模块（必做！）

核心是“团购商品维护”，重点“商品类别关联”和“库存合法性校验”，别漏这两步！

操作逻辑：
1. 添加商品前校验“商品名称非空”“价格≥0”“库存≥1”“商品类别必选”“图片非空”，缺一项提示“完善商品信息”
2. 设置“团购结束时间”，到期后自动将商品状态改为“已下架”，用户端不再显示
3. 修改商品时，若库存＜已售数量，提示“库存不足，需大于已售数量”
页面设计（Vue2+Bootstrap）：
- 筛选区：商品名称（模糊查）、商品类别（下拉选）、状态（下拉选：上架/下架）、查询/新增按钮
- 商品列表：显示商品名称、图片（缩略图）、类别、团购价、库存、状态，操作列“编辑/删除/上下架”
- 新增弹窗：商品编号（自动生成）、名称（输入框）、类别（下拉选）、价格/团购价（数字框）、库存（数字框）、图片上传（JPG/PNG）、团购结束时间（日期选择器）

2. 用户端：订单提交模块（核心需求！）

用户核心操作是“购买团购商品”，流程别复杂：加入购物车→选择商品→确认收货地址→提交订单→查看订单，我当初漏了“余额不足校验”，导致用户能提交超余额订单，补半天逻辑才好。

操作逻辑：
1. 提交订单前校验“购物车商品非空”“收货地址已选择”“用户余额≥订单总价格”“商品库存≥购买数量”，不满足提示对应错误
2. 提交成功后，扣减商品库存、扣减用户余额、生成唯一订单号（格式：YYYYMMDD+6位随机数）
3. 订单提交后，清空购物车中已购买商品，弹窗提示“订单提交成功，订单号：XXX”
页面设计：
- 购物车选择区：显示已选商品（图片、名称、单价）、购买数量（可修改，≥1）、小计金额，勾选框“全选/取消”
- 收货地址区：下拉选择已保存地址，“新增地址”按钮（弹窗填写收货人、电话、地址），默认地址标“默认”
- 订单信息区：显示商品总价、实付金额（同总价）、支付方式（默认余额支付），“提交订单”按钮（绿色，余额不足时禁用）

3. 管理员端：订单管理模块（答辩亮点！）

体现“团购流程闭环”，导师超爱问！核心“查看订单-处理发货-导出报表”，别漏“物流信息填写”。

操作逻辑：
1. 按订单状态筛选（待支付/已支付/已发货），已支付订单显示“处理发货”按钮
2. 处理发货时，填写快递公司和快递单号，提交后更新订单状态为“已发货”，同步通知用户
3. 支持按时间范围导出Excel报表，包含订单号、用户、商品、金额、物流信息等字段
页面设计：
- 筛选区：订单号（模糊查）、用户账号（模糊查）、状态（下拉选）、时间范围（日期选择器）、查询/导出按钮
- 订单列表：显示订单号、用户姓名、商品名称、购买数量、总价格、状态、创建时间，操作列“查看详情/处理发货”
- 发货弹窗：显示订单详情，快递公司（下拉选）、快递单号（输入框），确认按钮

在这里插入图片描述

五、测试别敷衍！这3步让答辩不翻车

很多宝子觉得“功能能跑就行”，答辩时评委一测就出问题！我当初没测“用户超库存下单”，导致能买100件但库存只有10件，导师说“不符合团购逻辑”，当场扣分😫 测试要针对性做：

1. 功能测试（必测3模块）

重点测核心功能，整理测试用例表，直接填结果：

测试场景	操作步骤	预期结果
用户超库存下单	用户选商品→购买数量填100→商品库存仅10→提交订单	提示“商品库存不足，当前库存：10，请调整购买数量！”
用户余额不足下单	用户选商品→总价格50元→用户余额30元→提交订单	提示“余额不足，当前余额：30元，请充值后再下单！”
管理员处理发货	管理员选已支付订单→点击“处理发货”→填快递公司和单号→提交	提示“发货成功！”，订单状态更新为“已发货”，用户端收到通知

2. 兼容性测试（容易忽略）

别只在自己电脑测！答辩评委可能用不同设备和浏览器：

浏览器：Chrome、Firefox、IE11（重点测IE，兼容性最差）
设备：电脑（1920×1080、1366×768分辨率）、手机（iPhone 13、华为Mate 40，测HTML5适配）
要求：无横向滚动条，按钮、图片显示正常，操作流畅

3. 测试报告要写好！答辩加分

整理“测试报告”，含“目的、范围、用例、结果、问题总结”：

问题总结：“IE下商品图片显示变形，加IE专属CSS修复；用户可超库存下单，加库存≥购买数量校验修复；订单号生成重复，改用‘时间戳+6位随机数’规则修复”
测试结论：“核心功能无严重bug，兼容性问题已修复，满足网上团购系统管理需求”

六、答辩准备：3个加分小技巧

演示流程顺畅：提前录视频（怕现场崩），按“管理员添加商品→用户浏览商品→用户加入购物车→用户提交订单→管理员处理发货”流程来，每个操作停顿2秒，让评委看清
讲“解决的问题”：比如“一开始商品图片存数据库崩了，改成存路径解决；用户能超余额下单，加余额校验逻辑解决；订单号重复，用‘时间戳+随机数’生成规则解决”，比光说“用了SpringBoot+MySQL”有亮点
准备常见问题：导师可能问“系统怎么保证订单数据不重复？”，答“订单号采用‘时间戳+6位随机数’生成，确保唯一；提交订单前加库存和余额双重校验，避免无效订单；订单状态修改后记录日志，便于追溯”

最后：毕设通关小私心

以上就是基于HTML5+SpringBoot+MySQL的网上团购系统从0到1的避坑干货！毕设不难，别瞎做复杂功能（如智能推荐、在线支付接口），把商品管理、订单处理、用户操作做扎实，答辩就能过。

需要核心源码（带注释，直接能跑）、数据库脚本（含测试数据）、ER图模板的宝子，评论区扣“网上团购系统”，我私发你；卡在某个模块（如商品管理、订单提交），也可以留言，看到必回！

点赞收藏，下次找流程不迷路～祝宝子们毕设顺利，轻松毕业！😘