当前位置：首页 > news >正文

SpringBoot3+Vue3+MySQL 智慧服装电商系统源码前后端分离实战项目

news 2026/8/6 12:12:25

一、项目简介

智慧服装电商系统是一套面向服装行业的电商平台，基于 Spring Boot 3 + Vue 3 前后端分离架构实现。系统包含普通用户端、商家端、管理员端三种角色，覆盖商品浏览与检索、购物车、订单管理、优惠券、秒杀活动、店铺关注、商品收藏、智能推荐、库存预警等完整电商业务链路。前端通过 Vue Router 管理页面路由，后端以 RESTful API 形式提供数据服务，使用 JWT 完成身份认证与授权，整体架构清晰、模块边界明确，适合作为电商类项目的学习与二次开发基础。

二、技术栈

技术	说明
后端框架	Spring Boot 3
ORM	MyBatis-Plus
权限认证	Spring Security + JWT（Token 黑名单机制）
前端框架	Vue 3
状态管理	Vue Router（前端路由）
构建工具	Maven
数据库	MySQL
前后端交互	RESTful API + JSON

三、功能模块

用户端

用户注册与登录：通过用户名/密码进行注册和登录，认证采用 JWT Token 机制，登录成功后返回 token、refreshToken 及用户基本信息，支持 Token 黑名单实现注销。
商品浏览与检索：分页展示商品列表，支持按分类、品牌、关键词、价格区间、季节、颜色、尺码等多维度筛选，并支持按销量、价格、时间排序。
商品详情查看：展示商品基本信息、多规格 SKU（颜色/尺码）、所属分类与品牌、店铺信息，系统自动记录浏览历史并增加商品热度值。
搜索建议：输入关键词时实时请求接口，返回最多 8 条匹配的商品名称/标签/描述建议。
购物车管理：支持添加商品到购物车（选择 SKU 与数量）、修改数量、单项选中/取消、全选/取消全选、删除单品、一键清空失效商品。
下单结算：从购物车选中商品创建订单，填写收货人姓名/电话/地址及备注，支持选择优惠券抵扣，系统按商家自动拆分为多个子订单。
订单管理：查看个人订单列表并按状态筛选，对待付款订单执行支付或取消，对已发货订单确认收货，对已支付订单申请退款。
物流追踪：以时间线形式展示订单物流记录，每一步包含物流内容与时间节点。
收货地址管理：支持新增、编辑、删除收货地址，设置默认地址时自动取消其他地址的默认状态。
商品收藏：收藏/取消收藏商品，收藏列表展示商品信息，系统同步更新商品收藏计数。
店铺关注：关注/取消关注商家店铺，已关注列表展示店铺名称、描述、头像。
优惠券领取：查看可领取的优惠券列表，领取时校验每人每券限领一次，已领取列表展示使用状态。
秒杀抢购：查看进行中的秒杀活动列表，参与秒杀下单时校验库存与限购数量。
个人中心：查看/修改个人资料（昵称、头像、邮箱、手机号），修改登录密码需验证原密码。
智能推荐：首页展示基于用户浏览行为的协同过滤推荐商品或热门商品推荐，推荐项附带推荐理由。

商家端

商品管理：分页查看本店商品列表，支持关键词搜索；新增/编辑商品时设置名称、价格、主图、分类、品牌、季节、标签、描述等字段；支持删除商品。
SKU 管理：为商品添加/编辑多规格 SKU，包含颜色、尺码、价格、库存、预警阈值，支持批量保存。
库存预警：展示库存低于预警阈值的 SKU 列表，显示对应商品信息，每个 SKU 可单独设置预警阈值。
订单管理：分页查看本店订单列表并按状态筛选，对已付款订单执行发货操作（填写快递公司、快递单号），处理退款申请（同意/拒绝）。
店铺统计：查看本店订单统计概览，包括订单总数、各状态订单数量、近 7 日订单趋势。
优惠券管理：创建/编辑/删除店铺优惠券，设置类型、面值、最低使用金额、适用分类、发放总量；查看已创建的优惠券列表。
秒杀活动管理：创建/编辑/删除秒杀活动，关联商品 SKU、设置秒杀价、活动时间、限购数量；查看本店秒杀活动列表。

管理员端

用户管理：分页查看平台所有用户，支持关键词搜索与按角色筛选；新增用户，编辑用户信息（昵称、邮箱、手机、角色、状态、店铺信息）；启用/禁用用户，删除用户。
订单管理：查看全平台所有订单列表，支持按订单状态筛选与分页展示。
系统统计：展示平台总用户数、总商家数、上架商品总数、总订单数、今日订单数、总收入金额，以及近 7 日订单趋势图和各订单状态分布。
系统配置管理：查看/修改系统配置项（如订单支付超时时间），支持新增配置键值对。

四、项目总结

本项目技术栈以 Spring Boot 3 + Vue 3 + MySQL 为核心，采用前后端分离架构，业务模块覆盖电商主流场景，角色权限划分清晰。后端使用 Spring Security + JWT 实现认证与授权，并引入 Token 黑名单机制增强安全性；前端基于 Vue 3 组件化开发，配合 Vue Router 管理路由。项目包含完整源码、数据库初始化脚本与万字文档，适合作为毕业设计、课程设计或电商类项目二次开发的参考基础。