Springboot3+Vue3+MySQL鲜花商城系统源码前后端分离实战
📅 2026/7/11 17:31:30
👁️ 阅读次数
📝 编程学习
一、项目简介
花时叙鲜花商城是一套基于 Springboot3 + Vue3 前后端分离架构的鲜花电商系统。系统分为普通用户端、商家端和管理员端三个角色:普通用户可浏览鲜花、管理购物车、下单支付、发起售后;商家可管理商品、处理订单与售后、查看店铺数据;管理员则负责平台用户、商家、公告、轮播图、系统设置等全局管理。整体采用 Session 会话 + 路由守卫实现角色权限控制,数据按商家隔离,确保各角色只能操作自身范围内的数据。
二、技术栈
| 技术 | 说明 |
|---|---|
| 后端框架 | Springboot 3.x |
| ORM | MyBatis-Plus(含分页插件、自动填充、逻辑删除) |
| 权限 | Session 会话 + 路由守卫(角色校验:user/merchant/admin) |
| 前端框架 | Vue 3(Composition API) |
| 状态管理 | Pinia(用户状态、购物车状态) |
| 构建工具 | Vite |
| 数据库 | MySQL 8.x |
| 实时通信 | WebSocket(STOMP + SockJS,用于在线咨询) |
| 文件上传 | Spring MultipartFile(上传至本地 uploads 目录) |
| JSON 序列化 | Jackson(支持 Java 8 时间类型) |
| 前端 UI | Element Plus |
三、功能模块
普通用户端
- 用户注册与登录:支持用户名密码验证,登录后自动跳转至对应角色首页。
- 首页展示:展示轮播图、热门鲜花、新品上市、推荐鲜花及个性化推荐列表。
- 鲜花列表:支持按分类筛选、关键词搜索,按销量/价格升序降序排序。
- 鲜花详情:展示商品图片、价格、库存、销量、商家名称及分类名称。
- 加入购物车:选择数量后添加至购物车,同一商品自动累加数量。
- 购物车管理:查看购物车列表、修改商品数量、删除单件或批量删除商品。
- 提交订单:从购物车勾选商品生成订单,自动扣减库存并增加销量。
- 订单支付:选择支付方式(微信/支付宝等),支付成功后自动创建物流记录。
- 取消订单:填写取消原因,系统自动恢复对应商品的库存与销量。
- 收藏商品:点击收藏按钮,可查看收藏列表并取消收藏。
- 商品评论:对已购买商品发表评论并打分,支持查看商品全部评论。
- 售后申请:发起仅退款/退货退款/换货申请,填写原因并上传凭证图片。
- 在线咨询:通过 WebSocket 与商家实时沟通,查看历史咨询记录。
- 公告资讯:查看系统发布的公告列表及公告详情。
- 个人中心:修改个人信息、查看我的订单、我的收藏、我的咨询记录。
- 浏览记录:系统自动记录用户浏览历史,用于个性化推荐计算。
商家端
- 统计分析:查看店铺总销售额、订单数量、商品数量等核心数据。
- 鲜花管理:新增/编辑/删除商品,设置商品名称、分类、价格、库存、是否热销/新品/推荐。
- 分类管理:新增/编辑/删除商品分类,设置分类排序与状态。
- 订单管理:查看本店订单列表(按状态筛选),查看订单详情,处理发货操作。
- 物流管理:查看本店物流记录,添加物流跟踪信息(物流公司、运单号、物流状态)。
- 库存管理:查看商品库存列表,支持快速调整库存数量。
- 售后管理:查看用户提交的售后申请,同意/拒绝售后,填写商家回复。
- 评论管理:查看用户对本店商品的评论,可回复评论。
- 咨询管理:查看用户发起的在线咨询,实时回复用户消息。
- 店铺设置:修改店铺名称、店铺头像、店铺简介等信息。
- 数据隔离:商家只能查看和管理自己店铺的商品、订单、物流、售后等数据。
管理员端
- 用户管理:查看所有用户列表,支持按用户名/昵称/手机号搜索,按角色筛选。
- 商家管理:查看所有商家列表,可新增/编辑/删除商家账号。
- 购物车管理:查看所有用户的购物车数据,可删除异常购物车记录。
- 收藏夹管理:查看所有用户的收藏数据,可删除收藏记录。
- 公告管理:发布/编辑/删除系统公告,设置公告类型、排序与状态。
- 轮播图管理:新增/编辑/删除首页轮播图,设置图片链接与排序。
- 系统设置:管理站点名称、Logo、联系方式等系统参数。
- 分类管理:统一管理所有商品分类,支持新增/编辑/删除。
- 订单管理:查看全平台订单,支持按用户/商家/状态筛选。
- 物流管理:查看全平台物流记录,可添加物流跟踪信息。
- 售后管理:查看全平台售后申请,可添加管理员备注。
- 评论管理:查看全平台评论,可删除违规评论。
- 咨询管理:查看全平台咨询记录,可回复用户咨询。
- 统计分析:查看全平台销售统计、用户增长等数据。
四、项目总结
本项目技术亮点在于:采用 Springboot3 + Vue3 前沿技术栈,前后端完全分离;通过 Session + 路由守卫实现三角色权限控制;使用 WebSocket 实现商家与用户的实时在线咨询;MyBatis-Plus 的自动填充与逻辑删除简化开发;Pinia 管理前端状态,Vite 提供高效构建。系统功能覆盖电商核心流程(浏览、购物车、订单、支付、物流、售后、评论),并包含商家数据隔离与管理员全局管控,适合作为 Java/Vue 全栈课程的课程设计、毕业设计或电商类项目的学习与二次开发参考。
界面展示
交付内容
本项目为完整交付,包含:
- 完整后端源码
- 完整前端源码
- 数据库初始化脚本(SQL)
- 万字项目文档(设计文档 / 论文,可作课程设计、毕业设计参考)
获取完整源码
完整前后端源码 + 数据库脚本 + 万字项目文档见 Gitee 仓库:https://gitee.com/kangxihuang/src-K042
编程学习
技术分享
实战经验