Springboot3+Vue3+MySQL鲜花商城系统源码前后端分离实战

📅 2026/7/11 17:31:30 👁️ 阅读次数 📝 编程学习
Springboot3+Vue3+MySQL鲜花商城系统源码前后端分离实战

一、项目简介

花时叙鲜花商城是一套基于 Springboot3 + Vue3 前后端分离架构的鲜花电商系统。系统分为普通用户端、商家端和管理员端三个角色:普通用户可浏览鲜花、管理购物车、下单支付、发起售后;商家可管理商品、处理订单与售后、查看店铺数据;管理员则负责平台用户、商家、公告、轮播图、系统设置等全局管理。整体采用 Session 会话 + 路由守卫实现角色权限控制,数据按商家隔离,确保各角色只能操作自身范围内的数据。

二、技术栈

技术说明
后端框架Springboot 3.x
ORMMyBatis-Plus(含分页插件、自动填充、逻辑删除)
权限Session 会话 + 路由守卫(角色校验:user/merchant/admin)
前端框架Vue 3(Composition API)
状态管理Pinia(用户状态、购物车状态)
构建工具Vite
数据库MySQL 8.x
实时通信WebSocket(STOMP + SockJS,用于在线咨询)
文件上传Spring MultipartFile(上传至本地 uploads 目录)
JSON 序列化Jackson(支持 Java 8 时间类型)
前端 UIElement Plus

三、功能模块

普通用户端

  • 用户注册与登录:支持用户名密码验证,登录后自动跳转至对应角色首页。
  • 首页展示:展示轮播图、热门鲜花、新品上市、推荐鲜花及个性化推荐列表。
  • 鲜花列表:支持按分类筛选、关键词搜索,按销量/价格升序降序排序。
  • 鲜花详情:展示商品图片、价格、库存、销量、商家名称及分类名称。
  • 加入购物车:选择数量后添加至购物车,同一商品自动累加数量。
  • 购物车管理:查看购物车列表、修改商品数量、删除单件或批量删除商品。
  • 提交订单:从购物车勾选商品生成订单,自动扣减库存并增加销量。
  • 订单支付:选择支付方式(微信/支付宝等),支付成功后自动创建物流记录。
  • 取消订单:填写取消原因,系统自动恢复对应商品的库存与销量。
  • 收藏商品:点击收藏按钮,可查看收藏列表并取消收藏。
  • 商品评论:对已购买商品发表评论并打分,支持查看商品全部评论。
  • 售后申请:发起仅退款/退货退款/换货申请,填写原因并上传凭证图片。
  • 在线咨询:通过 WebSocket 与商家实时沟通,查看历史咨询记录。
  • 公告资讯:查看系统发布的公告列表及公告详情。
  • 个人中心:修改个人信息、查看我的订单、我的收藏、我的咨询记录。
  • 浏览记录:系统自动记录用户浏览历史,用于个性化推荐计算。

商家端

  • 统计分析:查看店铺总销售额、订单数量、商品数量等核心数据。
  • 鲜花管理:新增/编辑/删除商品,设置商品名称、分类、价格、库存、是否热销/新品/推荐。
  • 分类管理:新增/编辑/删除商品分类,设置分类排序与状态。
  • 订单管理:查看本店订单列表(按状态筛选),查看订单详情,处理发货操作。
  • 物流管理:查看本店物流记录,添加物流跟踪信息(物流公司、运单号、物流状态)。
  • 库存管理:查看商品库存列表,支持快速调整库存数量。
  • 售后管理:查看用户提交的售后申请,同意/拒绝售后,填写商家回复。
  • 评论管理:查看用户对本店商品的评论,可回复评论。
  • 咨询管理:查看用户发起的在线咨询,实时回复用户消息。
  • 店铺设置:修改店铺名称、店铺头像、店铺简介等信息。
  • 数据隔离:商家只能查看和管理自己店铺的商品、订单、物流、售后等数据。

管理员端

  • 用户管理:查看所有用户列表,支持按用户名/昵称/手机号搜索,按角色筛选。
  • 商家管理:查看所有商家列表,可新增/编辑/删除商家账号。
  • 购物车管理:查看所有用户的购物车数据,可删除异常购物车记录。
  • 收藏夹管理:查看所有用户的收藏数据,可删除收藏记录。
  • 公告管理:发布/编辑/删除系统公告,设置公告类型、排序与状态。
  • 轮播图管理:新增/编辑/删除首页轮播图,设置图片链接与排序。
  • 系统设置:管理站点名称、Logo、联系方式等系统参数。
  • 分类管理:统一管理所有商品分类,支持新增/编辑/删除。
  • 订单管理:查看全平台订单,支持按用户/商家/状态筛选。
  • 物流管理:查看全平台物流记录,可添加物流跟踪信息。
  • 售后管理:查看全平台售后申请,可添加管理员备注。
  • 评论管理:查看全平台评论,可删除违规评论。
  • 咨询管理:查看全平台咨询记录,可回复用户咨询。
  • 统计分析:查看全平台销售统计、用户增长等数据。

四、项目总结

本项目技术亮点在于:采用 Springboot3 + Vue3 前沿技术栈,前后端完全分离;通过 Session + 路由守卫实现三角色权限控制;使用 WebSocket 实现商家与用户的实时在线咨询;MyBatis-Plus 的自动填充与逻辑删除简化开发;Pinia 管理前端状态,Vite 提供高效构建。系统功能覆盖电商核心流程(浏览、购物车、订单、支付、物流、售后、评论),并包含商家数据隔离与管理员全局管控,适合作为 Java/Vue 全栈课程的课程设计、毕业设计或电商类项目的学习与二次开发参考。

界面展示

交付内容

本项目为完整交付,包含:

  • 完整后端源码
  • 完整前端源码
  • 数据库初始化脚本(SQL)
  • 万字项目文档(设计文档 / 论文,可作课程设计、毕业设计参考)

获取完整源码

完整前后端源码 + 数据库脚本 + 万字项目文档见 Gitee 仓库:https://gitee.com/kangxihuang/src-K042