毕业设计实战:基于Spring Boot的校园网上店铺系统设计与实现,从需求到测试全流程拆解,新手也能轻松通关!
谁懂啊!当初做校园网上店铺系统毕设时,光用户表和商品订单表的关联就卡了4天——一开始没设外键,查某用户的历史订单时数据全乱套,导师看了直接让我“重画数据库E-R图”😫 后来踩遍无数坑才摸出一套高效落地流程,今天把需求分析、技术选型、功能实现到测试的细节全说透,宝子们不用再熬夜改代码,轻松搞定毕设!
一、先搞懂“校园网上店铺要啥”!需求分析别瞎蒙
刚开始我跳过需求分析就写代码,花两周做了个“校园社交分享功能”,结果导师一句“核心是商品管理与订单流程,不是社交互动”直接打回重改!后来才明白,需求分析得先抓准“谁用系统、要干啥”,这步做对,后面少走90%弯路。
1. 核心用户&功能拆解(踩坑后总结版)
校园网上店铺系统就三类核心用户:管理员、商铺和普通用户(别加“校园后勤角色”!我当初加了后,权限逻辑混乱,商品审核流程全卡住,最后砍掉才顺畅):
- 管理员端(必做功能):
- 商铺管理:新增商铺、审核营业执照、设置信用等级(用下拉框选“一级/二级/三级”,别让管理员手动输,效率翻倍)
- 用户管理:查看用户列表、重置密码、模糊查询(支持按姓名/手机号搜,我当初没加,查用户要翻几十页)
- 公告管理:发布促销通知、删除过期公告(加“公告类型”字段,比如“新品上市/限时折扣”,方便筛选)
- 会员等级管理:设置会员折扣(青铜/白银/黄金)、调整积分规则(1元积1分,满100分抵5元),提升用户粘性
- 商铺端(核心功能):
- 商品管理:新增商品(传图/填价格/设库存)、上下架商品(支持批量改库存,我当初没加,手动改50件商品到凌晨)
- 订单管理:查看订单、处理发货、回复评价(用不同颜色标“待付款/已付款/已发货”,直观清晰)
- 评价管理:查看用户评价、回复差评(别漏“回复时间”字段,方便后续追溯)
- 用户端(核心功能):
- 商品浏览:按分类/商铺筛选、看详情(含价格/库存/评价)、收藏商品(按“点击量”排序,我当初没加,用户找热门款要翻半天)
- 订单流程:加购物车、选地址、提交订单(满50元免运费,提升下单率)
- 个人中心:管地址、查订单、兑积分(显示会员等级和剩余积分,激励复购)
2. 需求分析避坑指南(血泪教训!)
- 别光靠“空想”!找2个同学模拟商铺和用户提意见:比如有同学说“想快速找收藏的商品”,我才加了“收藏夹分类”,比瞎加“校园社交圈”实用多了
- 一定要画用例图!用DrawIO画简单版,标清“管理员-审核商铺”“用户-提交订单”,跟导师汇报时,比光说“我要做XX功能”直观10倍(当初没画,导师听20分钟还没get到逻辑)
- 写“需求规格说明书”!不用复杂,把“功能描述、约束条件”写清楚(比如“商品库存不能为负”“订单金额不能为0”),编码时对着做,不会跑偏
3. 可行性分析别敷衍!3点写清楚就能过
导师超爱问“你这系统可行吗”,别只说“我觉得可行”,从3个角度写,显得专业:
- 技术可行性:Spring Boot、Java、MySQL都是课堂学过的,图书馆有《Spring Boot实战》《MySQL应用》,遇到问题能查资料(别选Vue3!我当初想试,环境配置卡了一周,换回JSP才顺利)
- 经济可行性:所有工具全免费!IDEA(社区版)、MySQL、Tomcat官网直接下,不用花钱买版权,答辩时说“开发成本为0”,导师会觉得你懂成本控制
- 操作可行性:界面用Bootstrap做,按钮布局跟淘宝类似,我找系里老师测试,3分钟就学会下单,导师直接认可
二、技术选型别跟风!这套组合稳到爆
刚开始我跟风用Spring Boot+Vue+Redis,结果“商品图片缓存”卡了5天——Redis的key-value逻辑不熟,图片总加载失败😫 后来换成Spring Boot+JSP+MySQL+Tomcat9,新手友好度拉满,调试效率翻两倍!
1. 技术栈详细对比(附避坑提醒)
宝子们别盲目选“最新技术”,稳定比炫酷重要!我整理了4个核心工具的选择理由和坑点,直接抄:
| 技术工具 | 为啥选它 | 避坑提醒!(重点!) |
|---|---|---|
| Spring Boot | 比SSM配置简单,自带依赖管理 | 别用3.x版本!2.7.x就行,3.x和JSP兼容性差,会报“视图解析器错误” |
| MySQL 8.0 | 占内存小,存商铺、商品数据足够用 | 安装时设“utf8mb4”编码!我当初用默认编码,用户姓名含特殊符号乱码,查2小时才解决 |
| Tomcat 9.0 | 稳定!和Spring Boot、JSP适配最好 | 别用Tomcat 10!会出现“Servlet API包名变更”,答辩时崩了就完了 |
| JSP+Bootstrap | 不用单独学前端框架,上手快 | Bootstrap用3.x版本!4.x栅格布局错乱,商品列表会“竖排”,巨丑 |
2. 开发环境搭建(step by step 实操)
很多宝子卡在“环境配置”,跟着步骤来超简单,我当初一次成功:
- 装JDK 1.8:记路径(比如D:\Java\jdk1.8.0_301),配置“JAVA_HOME”别错,不然IDEA认不到
- 装IDEA(社区版):选“Community Edition”,免费够用,自带Spring Boot插件
- 装MySQL 8.0:用Navicat管理(可视化工具超方便,新建表直接选字段类型,比命令行快10倍)
- 配Spring Boot项目:IDEA里选“Spring Initializr”,勾“Spring Web”“MySQL Driver”“MyBatis”,启动看到“Started Application in XXX seconds”就是成功
3. 架构图一定要画!答辩加分项
用DrawIO画三层架构图(像论文里的“系统架构图”),标清“表现层-业务层-数据访问层”:比如用户点“加购物车”→Controller接请求→Service校验库存→Mapper存数据。去年答辩时,评委特意夸这图“逻辑清晰”,比光说“我用了Spring Boot”专业多了!
三、数据库设计:别让表关联坑了你
这部分是毕设的“核心骨架”,我当初没关联“商品表”和“订单表”,查“某商品销售记录”要写3层嵌套SQL,调试到凌晨1点😫 后来按“实体-属性-关系”设计,终于理清了。
1. 核心实体&属性(附ER图绘制技巧)
先确定“实体”(用户、商铺、商品),再想“属性”,别漏关键字段!我整理了必做的8张表,直接照着画ER图:
- 用户表(yonghu):id(主键)、username(账号)、password(MD5加密!存明文会被导师说“不安全”)、yonghu_name(姓名)、yonghu_phone(手机号,唯一)
- 商铺表(shangjia):id(主键)、username(账号)、shangjia_name(名称)、shangjia_photo(营业执照路径)、shangjia_xingji_types(信用等级)
- 商品表(shangpin):id(主键)、shangjia_id(关联商铺)、shangpin_name(名称)、shangpin_photo(图片路径)、shangpin_new_money(现价)、shangpin_kucun_number(库存)
- 订单表(shangpin_order):id(主键)、order_number(订单号,唯一)、yonghu_id(关联用户)、shangpin_id(关联商品)、order_true_price(实付金额)、order_types(状态)
画ER图用Visio或亿图,记住3个规则:
- 矩形代表“实体”(比如“用户”“商铺”)
- 椭圆代表“属性”(比如用户的“姓名”“手机号”)
- 菱形代表“关系”(比如“用户-购买-商品”是多对多,一个用户能买多件商品,一件商品能被多个用户买) 避坑提醒:别把“商品图片、营业执照”存数据库!我当初存二进制导致数据库崩溃,改成存“文件路径”(比如/static/photo/shangpin1.jpg)才对。
2. 数据库物理设计(附建表SQL示例)
ER图画好后,转成实际表,字段类型和约束别瞎设!比如“商品价格”用DECIMAL(10,2),别用INT,不然没法存“39.99元”;“订单号”设UNIQUE约束,避免重复。
给宝子们贴“商品表”的建表SQL,复制到Navicat就能用:
CREATE TABLE `shangpin` (
`id` INT NOT NULL AUTO_INCREMENT COMMENT '商品ID',
`shangjia_id` INT DEFAULT NULL COMMENT '关联商铺ID',
`shangpin_uuid_number` VARCHAR(200) DEFAULT NULL COMMENT '商品编号(唯一)',
`shangpin_name` VARCHAR(200) NOT NULL COMMENT '商品名称',
`shangpin_photo` VARCHAR(200) DEFAULT NULL COMMENT '商品图片路径',
`shangpin_types` INT DEFAULT NULL COMMENT '类型:1零食/2日用品/3文具',
`shangpin_kucun_number` INT DEFAULT NULL COMMENT '库存',
`shangpin_old_money` DECIMAL(10,2) DEFAULT NULL COMMENT '原价',
`shangpin_new_money` DECIMAL(10,2) DEFAULT NULL COMMENT '现价',
`shangxia_types` INT DEFAULT 1 COMMENT '是否上架:1是/0否',
`create_time` TIMESTAMP DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
PRIMARY KEY (`id`),
KEY `fk_shangjia` (`shangjia_id`), -- 外键关联商铺表
UNIQUE KEY `uk_uuid` (`shangpin_uuid_number`) -- 商品编号唯一
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='商品表';
3. 表关联测试!别等编码才发现错
建完表一定要测关联!比如在“订单表”插数据(用户ID=1,商品ID=1),用JOIN查询:
SELECT y.yonghu_name, s.shangpin_name, o.order_number, o.order_true_price
FROM shangpin_order o
JOIN yonghu y ON o.yonghu_id = y.id
JOIN shangpin s ON o.shangpin_id = s.id
WHERE o.id = 1;
如果能查出“用户名+商品名+订单号+实付金额”,说明关联没问题;如果报错“Unknown column”,大概率是外键没设对,赶紧检查表结构。
四、功能实现:核心模块代码+页面设计
不用做所有功能!先搞定4个核心模块,答辩时足够出彩。每个模块我都附了代码片段和页面设计要点,宝子们直接套就行。
1. 商铺端:商品管理模块(必做!)
这是商铺的核心功能,实现“新增商品、传图、管库存”,重点说“商品图片上传”——别漏“格式校验”,我当初就是这里踩了大坑!
(1)核心代码片段(Spring Boot)
Controller层(处理商品新增):
@Controller
@RequestMapping("/shop/shangpin")
public class ShopShangpinController {
@Autowired
private ShangpinService shangpinService;
@Autowired
private ShangjiaService shangjiaService;
// 新增商品
@PostMapping("/add")
public String addShangpin(Shangpin shangpin,
@RequestParam("photoFile") MultipartFile photoFile,
HttpSession session, HttpServletRequest request) {
// 1. 获取当前登录商铺
Shangjia shop = (Shangjia) session.getAttribute("loginShop");
if (shop == null) {
return "redirect:/shop/login"; // 未登录跳登录页
}
// 2. 处理图片上传
if (!photoFile.isEmpty()) {
// 校验格式(只允许JPG/PNG)
String photoName = photoFile.getOriginalFilename();
if (!photoName.endsWith(".jpg") && !photoName.endsWith(".png")) {
request.setAttribute("msg", "只支持JPG/PNG格式!");
return "shop/shangpin/add";
}
try {
String photoPath = request.getServletContext().getRealPath("/static/photo/shangpin/");
String newPhotoName = System.currentTimeMillis() + photoName;
File photoDest = new File(photoPath + newPhotoName);
photoFile.transferTo(photoDest);
shangpin.setShangpin_photo("/static/photo/shangpin/" + newPhotoName); // 存路径
} catch (Exception e) {
e.printStackTrace();
request.setAttribute("msg", "图片上传失败!");
return "shop/shangpin/add";
}
}
// 3. 校验库存(不能为负)
if (shangpin.getShangpin_kucun_number() < 0) {
request.setAttribute("msg", "库存不能为负数!");
return "shop/shangpin/add";
}
// 4. 设置商品信息
shangpin.setShangjia_id(shop.getId()); // 关联商铺
shangpin.setShangpin_uuid_number(generateUuid()); // 生成唯一编号
shangpin.setShangxia_types(1); // 默认上架
// 5. 保存商品
shangpinService.save(shangpin);
request.setAttribute("msg", "商品新增成功!");
return "redirect:/shop/shangpin/list";
}
// 生成唯一商品编号(前缀+时间戳+随机数)
private String generateUuid() {
return "SP" + System.currentTimeMillis() + (int)(Math.random()*1000);
}
}
(2)页面设计要点(Bootstrap)
页面标题:商铺-商品新增页面
(插入图片位置:此处放“商品新增页面截图”,需包含以下元素)
- 表单元素:
- 商品名称(输入框,必填,提示“如:进口薯片(番茄味)”)
- 商品类型(下拉框:零食/日用品/文具,必填)
- 原价/现价(输入框,必填,提示“现价不能高于原价”)
- 库存(输入框,必填,默认0)
- 商品图片(上传框,支持JPG/PNG,必填)
- 简介(文本域,选填,提示“填规格、保质期等”)
- 按钮:“提交新增”(绿色btn-success)和“重置”(灰色btn-default)
- 提示信息:红色显“上传失败”,绿色显“提交成功”
(3)避坑提醒
- 限制图片大小!在application.properties配置:
spring.servlet.multipart.max-file-size=5MB spring.servlet.multipart.max-request-size=10MB - 商品名称去重!同一商铺不能有重复商品:
if (shangpinService.existsByNameAndShop(shangpin.getShangpin_name(), shop.getId())) { request.setAttribute("msg", "该商品已存在,请勿重复添加!"); return "shop/shangpin/add"; }
2. 用户端:订单提交模块(核心需求!)
用户用系统的核心是“买商品”,流程别复杂:加购物车→选地址→提交订单→生成订单号,我当初加“优惠券抵扣”,代码量翻倍,其实“基础流程+积分抵扣”更实用。
(1)核心代码片段
Service层(处理订单提交):
@Service
public class UserOrderService {
@Autowired
private ShangpinOrderMapper orderMapper;
@Autowired
private ShangpinMapper shangpinMapper;
@Autowired
private GouwucheMapper cartMapper;
@Autowired
private YonghuMapper yonghuMapper;
@Transactional // 事务管理,确保订单、库存、积分同步
public void submitOrder(Integer userId, Integer cartId, Integer addressId) {
// 1. 查购物车商品
Gouwuche cart = cartMapper.selectById(cartId);
if (cart == null) {
throw new RuntimeException("购物车商品不存在!");
}
// 2. 校验库存
Shangpin shangpin = shangpinMapper.selectById(cart.getShangpinId());
if (shangpin.getShangpin_kucun_number() < cart.getBuyNumber()) {
throw new RuntimeException("库存不足,无法下单!");
}
// 3. 算积分抵扣(满100分抵5元)
Yonghu user = yonghuMapper.selectById(userId);
int jifen = user.getYonghu_new_jifen().intValue();
int discount = jifen / 100 * 5;
// 4. 算实付金额(数量×现价 - 抵扣,不低于0)
BigDecimal totalPrice = shangpin.getShangpin_new_money()
.multiply(new BigDecimal(cart.getBuyNumber()))
.subtract(new BigDecimal(discount));
if (totalPrice.compareTo(BigDecimal.ZERO) < 0) {
totalPrice = BigDecimal.ZERO;
}
// 5. 生成订单
ShangpinOrder order = new ShangpinOrder();
order.setShangpin_order_uuid_number(generateOrderNumber()); // 唯一订单号
order.setYonghu_id(userId);
order.setShangpin_id(cart.getShangpinId());
order.setOrder_true_price(totalPrice);
order.setShangpin_order_types(0); // 0待付款
orderMapper.insert(order);
// 6. 扣库存
shangpin.setShangpin_kucun_number(shangpin.getShangpin_kucun_number() - cart.getBuyNumber());
shangpinMapper.updateById(shangpin);
// 7. 扣积分
user.setYonghu_new_jifen(new BigDecimal(jifen - discount * 20)); // 5元抵100分
yonghuMapper.updateById(user);
// 8. 删购物车商品
cartMapper.deleteById(cartId);
}
// 生成唯一订单号(前缀+时间戳+随机数)
private String generateOrderNumber() {
SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddHHmmss");
String timeStr = sdf.format(new Date());
return "ORDER" + timeStr + (int)(Math.random()*1000);
}
}
(2)页面设计要点
页面标题:用户-订单提交页面
(插入图片位置:此处放“订单提交页面截图”,需包含以下元素)
- 收货地址区:下拉选已存地址(默认“默认地址”)、“新增地址”按钮(弹窗新增,不跳转)
- 商品信息区:显商品缩略图、名称、单价、数量,算“小计金额”(红色突出)
- 订单信息区:显积分抵扣(“可用XX分,抵XX元”)、实付金额(绿色突出)、订单号(自动生成)
- 按钮:“提交订单”(红色btn-danger)和“返回购物车”(灰色btn-default)
(3)避坑提醒
- 防止重复下单!用购物车ID校验:
if (orderMapper.existsByCartId(cartId) > 0) { throw new RuntimeException("该商品已下单,请勿重复操作!"); } - 记订单日志!方便追溯(需新增日志表):
OrderLog log = new OrderLog(); log.setOrderNumber(order.getShangpin_order_uuid_number()); log.setOperateContent("用户提交订单,积分抵扣" + discount + "元"); log.setOperateTime(new Date()); logMapper.insert(log);
3. 管理员端:商铺管理模块(答辩亮点!)
这个功能最能体现“校园属性”,导师超爱问!核心是“审核商铺、设信用等级”,别漏“营业执照预览”,不然管理员没法确认资质。
页面设计要点
页面标题:管理员-商铺管理页面
(插入图片位置:此处放“商铺管理页面截图”,需包含以下元素)
- 筛选条件:信用等级下拉(一级/二级/三级/全部)、商铺名称模糊查
- 商铺列表表格:列名“账号、名称、联系方式、信用等级、营业执照、操作”,信用等级用颜色标(一级绿/二级蓝/三级橙)
- 操作按钮:“查看详情”“改信用等级”“重置密码”
- 详情弹窗:点“查看详情”弹出,含商铺简介、营业执照预览(点击放大)、入驻时间
五、测试别敷衍!这3步让答辩不翻车
很多宝子觉得“功能能跑就行”,结果答辩时评委一测就出问题!我当初没测“库存不足下单”,导致用户能买超库存商品,导师说“不符合电商逻辑”,当场扣分😫 测试一定要针对性做!
1. 功能测试(必测3个模块)
别全测!重点测“核心功能”,我整理了测试用例表,直接填结果:
(1)订单提交测试(表1:订单提交测试用例)
| 测试场景 | 操作步骤 | 预期结果 | 实际结果 | 测试结论 |
|---|---|---|---|---|
| 库存不足 | 选库存10的商品→买20件→提交 | 提示“库存不足,无法下单!” | ||
| 积分抵扣 | 200积分→买100元商品→提交 | 实付90元,积分扣200 | ||
| 正常下单 | 选库存50的商品→买2件→提交 | 生成订单号,库存剩48,购物车商品删除 |
(2)商品新增测试(表2:商品新增测试用例)
| 测试场景 | 输入数据 | 预期结果 | 实际结果 | 测试结论 |
|---|---|---|---|---|
| 图片格式错误 | 商品名:笔记本→图片:GIF→提交 | 提示“只支持JPG/PNG格式!” | ||
| 库存为负 | 商品名:薯片→库存:-5→提交 | 提示“库存不能为负数!” | ||
| 正常新增 | 商品名:可乐→图片:JPG→库存:100→提交 | 提示“新增成功!”,列表显该商品 |
(3)管理员登录测试(表3:管理员登录测试用例)
| 测试场景 | 操作步骤 | 预期结果 | 实际结果 | 测试结论 |
|---|---|---|---|---|
| 密码错误 | 账号:admin→密码:123456(正确123)→登录 | 提示“账号或密码不正确!” | ||
| 未填账号 | 账号:空→密码:123→登录 | 提示“请输入账号!” | ||
| 正常登录 | 账号:admin→密码:123→登录 | 登录成功,跳管理员首页 |
2. 兼容性测试(容易忽略的点)
别只在自己电脑测!答辩时评委可能用不同浏览器,我当初没测IE,结果商品列表错乱,赶紧改CSS才好:
- 浏览器测试:Chrome、Firefox、Edge、IE11(重点测IE,兼容性最差)
- 分辨率测试:1920×1080、1366×768(别让页面出现横向滚动条)
3. 测试报告要写好!答辩加分
把测试结果整理成“测试报告”,含“目的、范围、用例、结果、问题总结”,导师会觉得你“做事严谨”。比如:
- 问题总结:“IE浏览器下商品表格错乱,用table-layout:fixed解决;未登录能访问订单页,加拦截器控制”
- 测试结论:“核心功能(商品管理、订单提交、登录)均通过测试,无严重bug;兼容性问题已修复,系统可正常用”
六、答辩准备:3个加分小技巧
毕设不仅要做出来,还要说清楚!我当初准备了这3点,导师直接给“良好”:
- 演示流程要顺畅:提前录演示视频(怕系统崩),按“管理员审核商铺→商铺加商品→用户下单”的流程来,别跳步
- 重点讲“你解决了啥问题”:比如“一开始商品图片存数据库加载慢,改成存路径后,速度提升70%”,比光说“我用了Spring Boot”有亮点
- 准备常见问题:导师大概率问“为啥选MySQL不选Oracle”“用户变多怎么优化”,提前答:“MySQL轻量适合校园系统;用户变多就加Redis缓存热门商品,减数据库压力”
最后:毕设通关的小私心
以上就是基于Spring Boot的校园网上店铺系统从0到1的避坑干货!毕设没那么难,关键是找对方法,别瞎做复杂功能。
需要核心源码(带注释,直接能跑)、数据库脚本(含测试数据)、ER图模板的宝子,评论区扣“校园网上店铺”,我私发你;卡在某个模块(比如订单提交、图片上传),也可以留言,我看到必回!
点赞收藏这篇,下次找流程不迷路~祝宝子们毕设顺利,轻松毕业!😘