一、项目简介本项目是一套基于 Spring Boot 3 Vue 3 MySQL 的在线 DIY 服装店订购系统采用前后端分离架构。系统围绕“DIY 设计 电商订购”双核心业务展开用户可以在平台上浏览商品、在线完成服装的个性化设计图案、文字等、加入购物车并下单购买同时还能浏览和收藏其他用户公开的设计作品形成设计社区氛围。系统包含普通用户端和管理员端两大角色普通用户端覆盖从注册登录、商品浏览、DIY 创作、下单支付到售后评价的完整交易链路管理员端则提供商品、分类、品牌、订单、售后、内容轮播图/文章、设计审核及数据统计的全维度后台管理能力。项目交付包含前后端完整源码、数据库初始化脚本及万字配套文档适合作为毕业设计或 Java 全栈项目的学习与二次开发基座。二、技术栈技术说明后端框架Spring Boot 3.xORMMyBatis-Plus权限认证Spring Security JWT (Auth0)前端框架Vue 3状态管理Pinia构建工具Vite数据库MySQL数据库连接池HikariCP (Spring Boot 默认)三、功能模块管理员端用户管理查看全部用户列表支持按用户名/昵称搜索可对违规账号进行启用或禁用操作。商品管理商品列表支持关键词搜索与分类筛选新增/编辑商品时需填写名称、价格、库存、可选尺码与颜色、是否支持定制、商品描述及多图上传支持上下架与删除操作。分类管理维护商品分类列表新增/编辑分类时设置分类名称、图标与排序值支持删除。品牌管理维护品牌列表新增/编辑品牌时填写品牌名称、Logo 图片与描述支持删除。订单管理订单列表支持按订单号精确搜索与按状态待支付/待发货/待收货/已完成等筛选查看订单详情可看到商品明细、收货信息与金额对已支付订单执行发货操作填写快递公司与运单号。设计审核查看所有用户提交的 DIY 设计作品列表对设计进行审核可选择通过或拒绝并填写拒绝原因。售后管理查看售后申请列表含申请用户、关联订单信息与售后类型处理售后申请时选择同意或拒绝并填写处理备注。轮播图管理维护首页轮播图列表新增/编辑轮播图时设置标题、图片、跳转链接、排序值与启用状态支持删除。文章管理维护公告/资讯文章列表新增/编辑文章时填写标题、封面图、摘要、正文内容、文章类型与发布状态支持删除。数据统计首页看板展示总用户数、上架商品数、订单总数、总销售额、待处理订单数、待审核设计数、待处理售后数及设计作品总数。销售趋势统计按日期维度统计每日销售额与订单数为前端图表如折线图/柱状图提供接口数据。系统消息推送在订单发货、DIY 设计审核、售后处理等关键节点自动向对应用户发送系统消息通知。普通用户端用户注册与登录通过用户名/密码注册新账号登录成功后获取 JWT Token 用于后续接口身份认证。商品浏览与筛选首页及商品列表页支持按分类、品牌、关键词搜索商品并支持按价格升序/降序、销量进行排序。商品详情查看展示商品主图与多图、价格、库存、可选尺码与颜色、是否支持定制标识、商品描述及历史用户评价列表。DIY 设计创作对支持定制的商品进入在线设计器可上传图片或添加文字保存设计图与设计数据设计时可选择是否公开公开后展示点赞数。DIY 设计社区浏览其他用户公开的 DIY 设计作品支持按点赞数排序可对喜欢的设计进行点赞与收藏。购物车管理将商品加入购物车时设置购买数量、尺码、颜色以及 DIY 图片/文字若商品支持定制支持修改数量与删除购物车项。下单购买支持从购物车批量结算或直接购买填写收货人、联系电话、收货地址与订单备注提交后生成待支付订单。订单支付与取消对待支付订单进行模拟支付选择支付方式如微信/支付宝模拟支付成功后自动扣减商品库存待支付订单支持取消操作。订单列表与详情订单列表按状态待支付/待发货/待收货/已完成/已取消筛选订单详情展示商品明细、金额、收货信息及物流信息快递公司/单号支持确认收货完成订单。收货地址管理维护多个收货地址支持添加、编辑、删除并可将某个地址设置为默认地址。商品收藏对感兴趣的商品进行收藏/取消收藏收藏列表可随时查看并跳转至商品详情。DIY 设计收藏对公开的 DIY 设计作品进行收藏/取消收藏收藏列表集中展示。商品评价对已完成订单中的商品进行评价填写评分、评价内容并支持上传评价图片。售后申请对订单中商品提交售后申请填写售后类型如退换货/退款、原因、问题描述并上传凭证图片。售后记录查看查看自己提交的所有售后申请列表跟踪处理状态待处理/同意/拒绝。系统消息接收订单发货通知、设计审核结果、售后处理结果等系统推送消息支持单条标记已读与全部已读。个人资料修改修改个人昵称、头像、邮箱、手机号等基本信息。修改密码输入原密码与新密码进行密码修改增强账号安全性。文章/资讯浏览查看管理员发布的公告或资讯文章支持按文章类型筛选文章详情页自动累加浏览量。轮播图查看首页展示管理员启用的轮播图按排序值顺序轮播展示。品牌列表查看查看平台当前启用的品牌列表可点击进入对应品牌商品列表。分类列表查看查看平台当前启用的商品分类列表支持分类导航浏览商品。四、项目总结本项目的技术亮点在于将“DIY 设计创作”与“电商交易”深度结合设计数据与商品 SKU尺码/颜色在购物车和订单中联动业务逻辑完整度高。后端采用 Spring Boot 3 MyBatis-Plus 实现快速开发Spring Security JWT 保证接口安全前端 Vue 3 Pinia Vite 提供良好的开发体验与响应式交互。代码结构清晰模块划分合理覆盖了电商系统的核心闭环商品-设计-购物车-订单-支付-售后并附带管理端数据统计与内容管理能力。该套系统适合作为 Java 全栈课程设计、毕业设计项目也是学习 Spring Boot 3 与 Vue 3 前后端分离开发的优质实战参考源码。界面展示交付内容本项目为完整交付包含完整后端源码完整前端源码数据库初始化脚本SQL万字项目文档设计文档 / 论文可作课程设计、毕业设计参考获取完整源码完整前后端源码 数据库脚本 万字项目文档见 Gitee 仓库https://gitee.com/kangxihuang/src-K296