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

发布时间:2026/7/11 17:20:06

Springboot3+Vue3+MySQL鲜花商城系统源码前后端分离实战 一、项目简介花时叙鲜花商城是一套基于 Springboot3 Vue3 前后端分离架构的鲜花电商系统。系统分为普通用户端、商家端和管理员端三个角色普通用户可浏览鲜花、管理购物车、下单支付、发起售后商家可管理商品、处理订单与售后、查看店铺数据管理员则负责平台用户、商家、公告、轮播图、系统设置等全局管理。整体采用 Session 会话 路由守卫实现角色权限控制数据按商家隔离确保各角色只能操作自身范围内的数据。二、技术栈技术说明后端框架Springboot 3.xORMMyBatis-Plus含分页插件、自动填充、逻辑删除权限Session 会话 路由守卫角色校验user/merchant/admin前端框架Vue 3Composition API状态管理Pinia用户状态、购物车状态构建工具Vite数据库MySQL 8.x实时通信WebSocketSTOMP 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

相关新闻