如果你最近在准备课程设计或毕业设计,大概率和我当年一样,搜索框里敲过“springboot商城小程序源码”这类关键词,下载过几个号称开箱即用的项目,然后发现:要么缺数据库脚本,要么依赖版本对不上,解压完连登录都进不去。那次折腾之后我就决定,宁愿自己从零搭一套能理解每一步的“社区便利店购物平台”。它后端基于 Spring Boot,客户端是微信小程序,核心交付物就是源码、数据库脚本和一份能直接拿去答辩的万字文档。
这篇文章不是要给你一个粘贴复制的成品,而是把我整理这个题目时的完整思路讲清楚:业务怎么定位、功能怎么圈定、数据库怎么设计、后端接口怎么把主链路串起来、小程序端怎么对接、部署联调有哪些坑、最终文档和答辩素材怎么整理。无论你是刚接触 Spring Boot,还是已经有基础但缺一个能讲明白的完整项目,这篇内容都可以作为参考。
1. 从“邻里群接龙买烟买盐”说起:这类便利店系统到底解决什么问题
1.1 便利店的真实生意场景,和淘宝完全不同
社区便利店的经营模式看起来是零售,但和传统电商有巨大差异。最典型的场景是:店主在微信群里发起接龙,下午五点前下单,六点到店自提;或者熟客直接发消息“送一箱水上来”,店员忙完再送到楼下。这种生意特征是低频但刚需,客单价不高,配送范围不超过三公里,商品以日用品、烟酒饮料、零食速食为主。
如果按照淘宝、京东那套商品—购物车—多级分销—优惠券—积分体系去做,工作量和技术难度至少翻三倍,而且大多数规则根本用不到。很多学生拿到这个题目时第一反应是“参考某某商城项目”,结果越做越像一个大杂烩,老师一问业务流程就说不清楚。我的判断很简单:这个题目真正要做的不是去模仿大平台,而是把社区便利店“熟人生意、即时履约、自提或短距离配送”这几个特点落到系统里。
所以我把系统定义成三个角色:用户在小程序端浏览下单;管理员在 Web 后台维护商品、处理订单;用户可以选择到店自提或者由店员配送。核心目标是让“下单—支付—配货—取货/收货”这一条链路跑通,把店主原来靠微信群人工登记、手动记账的工作,变成一套可查询、可统计的线上流程。
1.2 功能范围必须收敛,否则课程设计会失控
做过课设的人都有体会:项目最怕的不是功能少,而是需求膨胀。做商城系统时,很多学生习惯性把所有电商功能都列进去,比如积分签到、拼团砍价、优惠券叠加、多商户入驻、客服聊天,最后数据库几十张表,后端几百个接口,实际能演示完的不到三分之一。这是大忌。
我按业务主链路来收敛功能:
- 商品侧:分类浏览、首页轮播、商品搜索、商品详情、上下架状态控制。
- 交易侧:购物车、下单结算、配送方式选择、模拟支付、订单状态流转、超时取消。
- 用户侧:微信登录、地址管理、订单列表、订单详情、个人中心。
- 管理侧:后台登录、商品维护、分类维护、订单管理、库存管理、基础统计。
这套范围刚好覆盖一个完整的商业模式闭环,又没有明显为了凑数而硬塞的冗余。哪怕活动规则、优惠券这些点全都不做,答辩时也不会被追问“为什么没有”。因为便利店场景下,用户的核心诉求是“快”,复杂玩法本来就不符合场景感觉。
1.3 想清楚这几个问题,答辩会比别人稳一截
这类题目的答辩高频问题其实就那么几个:你这个系统和普通网上商城有什么区别?系统如何防止超卖?如果真的要上线,支付和部署你怎么处理?如果你一开始没有想清楚,临场很容易答得零散。
我在做的时候给自己准备了一套说法:社区便利店系统的核心差异是“短链路、快履约、自提与配送结合”,所以订单流程中专门设计了配送方式和取货码,这是传统网上商城模块里没有的;防超卖用条件更新库存,保证一次事务内扣减没有并发问题;真正上线则需要接入微信支付商户号、配置 HTTPS 域名和云服务器,课程设计里用模拟支付是为了完整演示流程。这个思路贯穿了数据库设计和后端开发,后文每一部分都会对应展开。
需要模型API调用? 免费领10W Token,多模型网关一键接入 Claude、DeepSeek 等主流模型。
2. 技术选型还原:为何锁定 Spring Boot 2.7 + MyBatis-Plus + 原生小程序
2.1 Spring Boot 版本是第一道门槛,别盲目追新
关于 Spring Boot 版本,我在项目里一直坚持用 2.7.x,而不是 3.x。原因不是 3.x 不好,而是课程设计场景下,完全没必要承担那套兼容性成本。Spring Boot 3.x 从 Java 8 直接跳到 Java 17 起步,底层依赖包名从 javax 改成了 jakarta,这意味着很多老旧教程里的写法都要对应调整。如果你是照着学长留下的资料做,或者老师电脑环境还是 JDK 8,那 3.x 会让你在一开始就浪费大量时间。
选 2.7.18 这样的版本是稳妥的:JDK 8、Maven 3.6+、IDEA 都能无缝运行,MyBatis-Plus、Hutool、Swagger 这类常用库都做了适配,网上的解决方案也最全。等到你参加工作接触新项目,自然会去学新版本的那套迁移方式,但在课程设计这个阶段,稳定跑通永远是第一优先级。
2.2 持久层、数据库、前端框架的取舍心法
持久层我用的是 MyBatis-Plus,不是 Spring Data JPA,也不是 MyBatis 原生。MyBatis-Plus 有代码生成器,可以按数据库表直接生成实体、Mapper、Service 的骨架,省去大量重复模板代码。对于课程设计来说,这个提速效果非常明显,但我不建议你无脑用它自动生成的 CRUD 覆盖所有业务,核心订单逻辑和库存扣减我都是手写 SQL 和事务控制的。这样既有开发效率,又能体现出你对数据一致性的理解。
数据库用 MySQL 8.0,字符集选 utf8mb4,排序规则用 utf8mb4_general_ci。这个小细节很多人不在意,等微信用户昵称里出现 Emoji 时就会直接报错,因为老的 utf8 在 MySQL 里只支持 3 字节编码,存不下 Emoji 这种 4 字节字符。提前设置为 utf8mb4,就不会出现这种数据入库问题。
小程序端我用原生 WXML/WXSS/JavaScript,不引入 uni-app、Taro 这类跨端框架。课程设计阶段尽量少依赖抽象层,因为遇到问题去查官方文档更容易定位。原生小程序虽然没有语法糖,但不涉及跨平台兼容,你要用到的页面跳转、wx.request、wx.login 官方都有成熟案例。
2.3 项目目录结构怎么组织才不乱
一个完整的项目应该拆成三部分:后端工程、小程序目录和数据库脚本目录。不要把所有 .java 和 .wxml 混在同一个大文件夹里,否则最后无论调试还是打包都会后悔。我习惯的后端结构大致如下:
text复制community-store/
├── sql/
│ └── community_store.sql
├── backend/
│ ├── pom.xml
│ └── src/main/
│ ├── java/com/community/store/
│ │ ├── config/
│ │ ├── controller/
│ │ ├── service/
│ │ ├── mapper/
│ │ ├── entity/
│ │ └── common/
│ └── resources/
│ ├── application.yml
│ └── mapper/
└── miniapp/
├── app.js
├── app.json
├── utils/request.js
└── pages/
├── index/
├── cart/
├── order/
└── user/
这个分层是很多企业 Spring Boot 项目的缩略版:Controller 只做参数接收和结果封装,Service 只做业务逻辑,Mapper 只负责数据库交互,配置统一放在 resources 下。老师在翻阅代码时,能很快看出你具备工程化意识,而不是只有一个 controller 文件里写几百行接口逻辑。
3. 数据库设计的走心细节:表关系、订单快照与库存原子扣减
3.1 核心表结构与字段关系
数据库是整个系统的地基。你后端的接口逻辑、小程序的状态展示、后台的订单管理,全都要围绕表结构展开。表设计不合理,代码写再好也容易卡在查询或事务环节。
我把核心表控制在九张,尽可能简洁又能支撑完整业务:
| 表名 | 用途 | 关键字段说明 |
|---|---|---|
| user | 微信用户 | openid 唯一索引、nickname、avatar、phone |
| category | 商品分类 | name、sort、status |
| product | 商品 | category_id、title、cover、price、stock、sales、status |
| banner | 首页轮播 | image_url、link_product_id、sort |
| cart | 购物车 | user_id、product_id、quantity、checked |
| address | 收货地址 | user_id、receiver、phone、region、detail、is_default |
| orders | 订单主表 | order_no、user_id、total_amount、status、consignee、phone、address、delivery_type、pick_code |
| order_item | 订单明细 | order_id、product_id、product_title、product_image、price、quantity |
| admin | 后台管理员 | username、password、real_name、last_login_time |
商品表的金额字段我用 DECIMAL(10,2),而不是 DOUBLE 或 FLOAT。浮点数在 Java 和数据库中都有精度问题,0.1 加 0.2 的小数误差在业务结算时是不能接受的。Java 实体类里对应的 BigDecimal 类型,MyBatis-Plus 也能自动映射,不会增加开发负担。
3.2 订单快照:该冗余的时候一定别偷懒
订单明细和订单主表里,我刻意把商品名称、商品图片、商品价格、收货人姓名、电话、详细地址全部冗余保存了一份。刚接触数据库设计的人可能觉得这样违反三范式,但在电商类系统中,这种“历史快照”反而是标准做法。原因很简单:用户下单之后,店主可能改了商品标题,可能下架了商品,也可能修改了自己的默认地址,这些变更都不应该影响已生成订单的展示数据。
如果没有冗余,订单详情页查询商品名称就不得不关联 product 表,一旦商品逻辑删除,历史订单就查不出完整信息。收货地址同理,用户改地址后,历史订单还应该显示下单时填写的旧地址。我在 order 表里将收货人信息直接保存为 consignee、phone、address 三个快照字段,order_item 里也有 product_title、product_image、price 三个快照字段,这样订单就像对当时交易拍了一张照片,后续任何主数据变动都不会影响它。
3.3 库存扣减和超卖:不只查一遍,要用条件更新
库存扣减是电商系统最经典的并发问题。两个用户同时买最后一个库存,如果代码是“先查库存,再 UPDATE”,就会在并发时出现两个请求都查到库存为 1,两个都通过判断,最后把库存扣成负数。这种 bug 在课程设计演示现场很难复现,但老师如果有并发意识,追问一句你怎么防超卖,临时解释很容易露馅。
解决方案是使用数据库原子的条件更新。不要写成先在业务代码里查库存,然后 UPDATE product SET stock = stock - 1 WHERE id = ?,而是直接加一个库存条件:
sql复制UPDATE product
SET stock = stock - #{count},
sales = sales + #{count}
WHERE id = #{productId}
AND stock >= #{count}
这条 SQL 的含义是:只有当当前库存大于等于购买数量时才扣减,否则影响行数为 0。业务代码里检查 UPDATE 影响行数,如果为 0 就抛出库存不足异常并回滚事务。因为 UPDATE 在数据库层是串行执行的,两个请求同时执行时只会有一个成功,绝不会有库存变负数的问题。这个细节后来成了文档和答辩里最容易被认可的技术点。
4. 后端接口串联主链路:登录、购物车、下单与超时取消
4.1 小程序登录闭环:code 只是登录凭证,不是用户信息
微信小程序的登录流程在很多初学者眼里很迷。大家常犯的错误是直接把 wx.login 返回的 code 当成用户唯一标识存入数据库,或者拿个人信息的授权结果去判断是否登录。这两种理解都偏离了微信设计登录态的初衷。
小程序端调用 wx.login 后拿到的是一个临时凭证 code,需要后端拿这个 code 去微信服务端换取 openid 和 session_key。openid 才是当前微信用户在当前小程序下的唯一标识,它不会变化。后端拿到 openid 后去 user 表查,不存在就自动创建一条用户记录,存在就正常返回;同时生成一个自定义 token 给小程序端作为后续请求的凭证。
java复制public String login(String code) {
// 直接使用 Hutool 的 HttpUtil 调用微信接口,也可以换成 RestTemplate
String url = "https://api.weixin.qq.com/sns/jscode2session?"
+ "appid=" + appid
+ "&secret=" + secret
+ "&js_code=" + code
+ "&grant_type=authorization_code";
String result = HttpUtil.get(url);
JSONObject json = JSONUtil.parseObj(result);
String openid = json.getStr("openid");
User user = userMapper.selectOne(
new LambdaQueryWrapper<User>().eq(User::getOpenid, openid));
if (user == null) {
user = new User();
user.setOpenid(openid);
user.setNickname("社区用户" + openid.substring(openid.length() - 6));
userMapper.insert(user);
}
return JwtUtil.createToken(String.valueOf(user.getId()));
}
这里有个容易被忽略的点:微信接口返回的 session_key 只能保存在后端,绝对不要返回给小程序端。它理论上可用来解密手机号等敏感信息,放到前端会留下安全隐患。小程序端应把 token 放在请求头 Authorization 中,后续登录态判断只看 token 是否有效,不需要反复调用微信接口。
4.2 购物车入库,别只存在本地缓存
购物车设计有两种方案:数据存在小程序本地 storage,或者存在后端数据库。对于便利店场景,我选择存在后端。因为用户换了设备、清空缓存都会导致本地购物车丢失,而且用户如果既是小程序端用户,又被管理员在后台看到身份,数据落地会比前端缓存更有说服力。
购物车的核心接口包括列表、加入、修改数量、删除、选择状态。加入购物车时不要无脑 insert,先按 user_id 和 product_id 查有没有同商品记录,有就直接累加数量。购物车列表返回的时候要用子查询关联商品表,把商品价格、封面、上下架状态一起带出来,方便前端直接渲染。需要注意的一个细节是:如果商品下架或库存不足,列表接口仍然要把该商品返回给前端,只是标记成“失效”,让用户自己决定删掉还是继续购买,直接过滤会让用户以为商品消失而困惑。
4.3 下单事务:生成订单、扣库存、清购物车要一起成功
下单接口是整个系统最核心的 Service,它要做的事包括:根据选中的购物车项查商品、生成订单号、计算金额、保存地址快照、写 orders 和 order_item、扣减库存、清空购物车。这些操作必须在一个事务里完成,任何一步失败都不能留下脏数据。方法上要加 @Transactional(rollbackFor = Exception.class),注意 rollbackFor 一定不能漏,默认的 RuntimeException 只拦截运行时异常,某些自定义异常一抛可能事务就不回滚了。
下单方法的伪代码逻辑大致如下:
java复制@Transactional(rollbackFor = Exception.class)
public String createOrder(Long userId, Long addressId, List<Long> cartIds, String remark) {
Address address = addressService.getById(addressId);
List<Cart> carts = cartMapper.selectBatchIds(cartIds);
// 构造订单主表,填充地址快照、订单号、配送方式、取货码
Orders order = new Orders();
order.setOrderNo(generateOrderNo());
order.setConsignee(address.getReceiver());
order.setPhone(address.getPhone());
order.setAddress(address.getDetail());
// ...
BigDecimal totalAmount = BigDecimal.ZERO;
for (Cart cart : carts) {
Product product = productService.getById(cart.getProductId());
if (product == null || product.getStatus() != 1) {
throw new BizException("商品已下架");
}
// 关键:用商品当前价格计算,而不是相信加入购物车时的价格
BigDecimal amount = product.getPrice()
.multiply(BigDecimal.valueOf(cart.getQuantity()));
totalAmount = totalAmount.add(amount);
// 插入 order_item 快照
OrderItem item = new OrderItem();
item.setProductTitle(product.getTitle());
item.setProductImage(product.getCover());
item.setPrice(product.getPrice());
// ...
// 原子扣减库存
int rows = productMapper.deductStock(cart.getProductId(), cart.getQuantity());
if (rows == 0) {
throw new BizException(product.getTitle() + " 库存不足");
}
}
order.setTotalAmount(totalAmount);
orderMapper.insert(order);
cartService.removeByIds(cartIds);
return order.getOrderNo();
}
如果没有前后端分离的防重复提交措施,用户快速双击“提交订单”按钮可能导致一次下单请求进入两次。小程序端可以给按钮加 loading 状态,后端则可以在短时间内为同一批 cartIds 生成订单前做一次“预检查”,或者更简单的方案是用 Redis 存下单请求幂等键。考虑到课程设计环境不一定方便安装 Redis,我认为前端的按钮 loading 加后端事务已经足够演示,如果你想在文档里写得更深,再补充说明 Redis 方案即可。
4.4 超时未支付订单:定时任务让状态闭环
用户下单后迟迟不支付,库存一直被占用,这会直接影响其他用户购买。真实电商的做法是用延迟队列或定时任务做超时关闭。在课程设计项目里,引入 RabbitMQ 延迟队列或 RocketMQ 会让技术栈变重,但 @Scheduled 定时任务就足够解决问题。
我在应用中配了一个定时方法,每 60 秒执行一次,先查出所有超时且状态为待付款的订单,再逐单取消并恢复库存。核心 SQL 可以写成一个批量操作状态更新,但恢复库存最好还是基于订单 id 找出订单明细,再循环恢复。这里有个容易踩的坑:如果先批量把订单状态改成已取消,再程序突然崩溃,库存还没恢复就产生了数据不一致。所以应该把“取消订单 + 恢复库存”放在同一个事务回调里,保证状态变更和库存恢复要么都成功,要么都失败。
java复制@Scheduled(fixedDelay = 60000)
@Transactional(rollbackFor = Exception.class)
public void cancelTimeoutOrders() {
LocalDateTime deadline = LocalDateTime.now().minusMinutes(30);
List<Orders> timeoutOrders = orderMapper.selectList(
new LambdaQueryWrapper<Orders>()
.eq(Orders::getStatus, 0)
.lt(Orders::getCreateTime, deadline));
for (Orders order : timeoutOrders) {
// 变为已取消
order.setStatus(4);
order.setCancelReason("超时未支付,系统自动取消");
order.setCancelTime(LocalDateTime.now());
orderMapper.updateById(order);
// 恢复库存
List<OrderItem> itemList = orderItemMapper.selectList(
new LambdaQueryWrapper<OrderItem>().eq(OrderItem::getOrderId, order.getId()));
for (OrderItem item : itemList) {
productMapper.restoreStock(item.getProductId(), item.getQuantity());
}
}
}
有人可能会纠结超时时间为什么是 30 分钟。便利店购物更像即时消费,用户如果半小时不付,很可能已经去其他渠道买了,所以 30 分钟合理;真正的线上大电商才是 15 到 30 分钟,系统里用常量单独管理,方便后续调整。
5. 管理后台与小程序端如何配合出“可演示闭环”
5.1 管理后台的核心模块,不在多而在实用
管理后台的实现我建议直接放在 Spring Boot 内,用模板引擎渲染页面,而不额外搭建 Vue 前端工程。这样做的最大好处是:最终交付时只启动一个后端服务就能同时提供小程序 API 和后台页面,部署和演示都少一层烦恼。管理后台页面风格保持简单,用 Bootstrap 搭卡片布局,不追求过度美化,重点是业务操作完整。
后台模块主要包括:一个数据面板展示关键统计;订单管理列表支持按状态筛选、按订单号搜索;订单详情页能看到商品明细、收货信息、取货码和订单状态变更轨迹;商品管理完成新增、编辑、上下架和库存修改;分类管理支撑前台页面的分类导航。不要小看数据面板上那几个今日订单数、今日销售额、待发货数量的值,它们可以在答辩开场用 30 秒证明“这是一个有运营视图的系统”,即使实现上只是几个 count 聚合 SQL。
5.2 小程序端页面与接口的联动关系
小程序端不需要自己维护任何业务状态,所有数据都通过后端接口获取。首页请求轮播图和推荐商品;分类页面点击左侧分类请求右侧商品列表;商品详情页显示价格、库存、销量;点击加入购物车需要登录态,否则跳转授权页;购物车列表请求后端并支持增减数量;结算页展示默认地址、金额和配送方式;提交订单后跳转订单详情,模拟支付只调一个接口修改状态。
小程序端要做一次统一的网络请求封装,避免每个页面都写一遍 wx.request。我在 utils/request.js 里封装了基础函数:请求头统一带上 token,收到 401 时统一跳转登录页,成功时剥离业务包装返回,失败时弹出 toast。所有页面调用这个封装函数,代码量会大幅下降,而且出网络错误时可以集中排查
