尧图网站建设 尧图网络
  • 首页
  • 关于我们
  • 服务项目
  • 案例展示
  • 建站流程
  • 资讯中心
  • 联系我们
首页/资讯中心/详情

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

Springboot3+Vue3+MySQL鲜花商城系统源码前后端分离实战
📅 发布时间:2026/7/11 17:31:30

一、项目简介

花时叙鲜花商城是一套基于 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

相关新闻

  • 2026年7月无锡防水补漏公司TOP3对比评测:苏易修缮稳居榜首,正规施工与选型全指南 - 苏易房屋修缮
  • 万国金属表链保养与维修售后指南权威公示(2026年7月最新) - 万国中国官方服务中心
  • Windows全球桌面份额首次跌破60%,Linux创新高!

最新新闻

  • Redis 7.x 缓存与锁实战:基于外卖项目应对10个高频面试题的解决方案
  • Midjourney商业接单避坑手册(含客户沟通话术+交付标准SOP+平台审核红线清单),错过再等半年更新
  • 亲身到店探访北京天梭官方售后服务中心|全新维修地址和客服热线(2026年7月最新) - 天梭服务中心
  • C++项目文件体系全解析:从源码到可执行文件的工程蓝图
  • PvZWidescreen:植物大战僵尸终极宽屏模组完整指南
  • 2026年7月最新青岛美度官方售后热线及客户服务网点地址 - 亨得利钟表维修中心

日新闻

  • OpenClaw本地部署:一键直连微信的私有化AI Agent实战指南
  • Kubernetes 系列【10】控制器:ReplicaSet(副本集)
  • 怎么寄快递才能便宜呢?2026年7月寄快递省钱攻略 - 生活情报姬

周新闻

  • 基于YOLOv12的番茄成熟度智能检测系统开发
  • 终极RimWorld模组管理指南:用RimSort告别模组冲突烦恼
  • AI Agent框架开发:从理论到实践的完整指南

月新闻

  • 2026年6月公司网站搭建最新热门渠道测评:四大低成本/零代码平台对比+避坑
  • 【Linux】Linux arm 编译QT程序,出现expected “}“报错
  • 【MATLAB例程】四基站二维AOA定位与距离辅助增强对比仿真。基于角度观测和测距修正的固定目标平面定位精度分析

关于尧图

  • 公司简介
  • 团队介绍
  • 企业文化
  • 荣誉资质

服务项目

  • 定制开发
  • 电商建站
  • UI 设计
  • 运维服务

快速链接

  • 案例展示
  • 建站流程
  • 常见问题
  • 资讯中心

联系方式

  • 📍北京市朝阳区互联网产业园 A 座 10 层
  • 📞400-888-8888
  • ✉️contact@rkmt.cn
  • 🕐周一至周日 9:00-21:00

© 2024 北京尧图网络科技有限公司 版权所有 | 京 ICP 备 XXXXXXXX 号