Springboot3+Vue3+MySQL 超市信息管理系统源码 前后端分离实战项目

发布时间:2026/7/23 3:23:25
Springboot3+Vue3+MySQL 超市信息管理系统源码 前后端分离实战项目 一、项目简介鲜汇超市信息管理系统是一套基于 Spring Boot 3 Vue 3 前后端分离的超市管理平台。系统采用单体后端架构通过 RESTful API 进行数据交互。系统支持三种角色普通用户CUSTOMER可以在线浏览商品、加入购物车、下单支付并管理个人订单管理员负责商品管理、订单处理、库存预警、轮播图配置、用户管理等全链路运营操作。二、技术栈技术说明后端框架Spring Boot 3.xORMMyBatis-Plus权限认证JWT自定义 AuthInterceptor前端框架Vue 3Composition API状态管理Pinia路由Vue Router 4History 模式UI 组件库Element Plus构建工具Vite数据库MySQL三、功能模块普通用户端用户注册填写用户名、密码、昵称、手机号完成注册注册后自动赋予 CUSTOMER 角色。用户登录输入用户名和密码校验通过后返回 JWT Token登录后跳转至前台首页或管理后台。首页浏览查看轮播图仅显示启用状态的 Banner按排序字段升序排列、商品分类列表、热销商品按销量降序取前 8 条、最新商品按创建时间降序取前 8 条。商品搜索与筛选在商品列表页按关键词模糊搜索商品名称或按分类 ID 筛选商品。商品详情查看单个商品的名称、价格、原价、规格、单位、图片、描述、库存、销量、分类名称等详细信息。购物车管理在购物车页面查看已加入的商品、调整数量、删除商品并提交订单。下单结算选择购物车中的商品传入 productId 和 quantity系统自动扣减库存、增加销量生成订单编号格式 ORD时间戳4 位随机数订单初始状态为 0待付款。订单支付对状态为 0 的订单调用支付接口传入支付方式paymentMethod将订单状态更新为 1已支付。确认收货对状态为 2已发货的订单调用确认收货接口将订单状态更新为 3已完成。取消订单对状态小于 3 的订单可取消状态变为 4同时自动恢复商品库存和销量。我的订单分页查看个人订单列表支持按订单状态筛选列表展示订单编号、总金额、状态、下单时间。个人资料编辑修改昵称、手机号、邮箱、头像等个人信息。修改密码输入原密码和新密码校验原密码正确后更新密码。管理员端数据概览查看商品总数、订单总数、用户总数、库存预警数量以及待付款订单数、已完成订单数、订单总金额、近 7 天每日订单趋势。商品管理分页查询商品列表支持按关键词和分类筛选新增商品需填写名称、价格、库存等字段编辑商品信息删除商品。分类管理查看所有商品分类列表按排序字段升序添加分类名称、图标、排序编辑分类删除分类。订单管理分页查看所有订单支持按用户 ID、订单状态、订单编号筛选查看订单详情含商品明细修改订单状态查看订单统计。库存预警列出所有库存小于等于预警值的商品仅上架商品按库存升序排列。轮播图管理查看轮播图列表按排序字段升序添加轮播图标题、图片、链接、排序、状态编辑轮播图删除轮播图。用户管理分页查看用户列表支持按用户名或昵称搜索编辑用户信息昵称、手机号、邮箱、头像、状态删除非管理员用户不能删除自己和管理员账号。文件上传上传图片文件返回可访问的 URL用于商品图片、轮播图等场景。四、项目总结本项目技术亮点在于采用 Spring Boot 3 Vue 3 最新技术栈前后端分离架构清晰JWT 权限认证实现简单安全。适用场景包括高校课程设计、毕业设计以及个人开发者学习前后端分离项目开发实战。系统功能覆盖超市管理核心业务流程代码结构规范文档齐全适合二次开发和功能扩展。界面展示交付内容本项目为完整交付包含完整后端源码完整前端源码数据库初始化脚本SQL万字项目文档设计文档 / 论文可作课程设计、毕业设计参考获取完整源码完整前后端源码 数据库脚本 万字项目文档见 Gitee 仓库https://gitee.com/kangxihuang/src-K137