基于SpringBoot+Vue3的超市管理系统的设计与实现

基于SpringBoot+Vue3的超市管理系统的设计与实现

一、项目介绍

本项目基于 Spring Boot + Vue3 技术栈，构建了一套现代化的超市管理系统。系统采用前后端分离架构，旨在为超市的商品管理、采购入库、销售收银、会员管理、数据统计等核心业务提供一体化信息化支撑，支持管理员与会员两大角色的差异化功能需求，实现超市运营管理的数字化转型。

二、软件架构

系统采用前后端分离架构：

• 后端技术：Java、Spring Boot、MyBatis
• 前端技术：Vue3、TypeScript、Element Plus、ECharts、Pinia
• 数据库：MySQL 8.0
• 开发工具：IntelliJ IDEA、Navicat、VS Code
• 其他：AES加密传输、MD5密码加密、AOP操作日志、图形验证码

三、系统功能

3.1 管理员功能

1. 登录 ：通过账号密码登录后台管理系统，支持图形验证码校验与AES加密传输。

   

2. 首页数据看板 ：展示商品总数、会员总数、订单总量、今日销售额等核心指标，并通过折线图、柱状图等可视化图表呈现近期经营数据趋势。

   

3. 用户管理 ：对系统内所有用户账号进行增删改查，支持账号启用/禁用、密码重置、会员信息编辑等操作。

   

4. 商品分类管理 ：维护商品分类体系，支持多级分类的增删改查与排序，控制分类的启用/停用状态。

   

5. 商品管理 ：对商品进行台账管理，记录商品名称、编码、条形码、品牌、规格、单位、成本价、销售价、库存、库存预警值等信息，支持商品上下架、富文本详情编辑与图片上传。

   

6. 采购管理 ：创建采购单并关联供应商与商品明细，采购确认后自动更新商品库存，支持采购单的状态跟踪（待确认/已完成/已取消）。

   

7. 订单管理 ：查看会员的销售订单列表，支持按订单号、会员、支付状态等条件筛选，可查看订单商品明细与支付信息。

   

8. 充值记录 ：查看会员账户余额充值记录，记录充值前后余额变化，支持模拟支付方式管理。

   

9. 数据统计 ：以图表形式展示销售额趋势、商品销量排行、分类销售占比等经营数据，支持按时间范围筛选与数据可视化分析。

   

   

10. 公告管理 ：发布与管理系统通知公告，支持富文本编辑、公告类型设置（通知/公告）与发布状态控制。

    

11. 日志审计 ：通过AOP切面自动采集所有关键操作日志，支持按操作人员、模块、时间范围筛选查询，保障系统可追溯性。

    

12. 个人中心：查看并修改个人信息，支持修改登录密码。

3.2 会员功能

1. 登录/注册 ：支持账号密码登录与邮箱验证码登录两种方式；新用户可自行注册账号，注册后默认为会员角色。

   

2. 首页 ：展示超市推荐商品、最新公告等信息，提供快捷入口进入商品中心与购物车。

   

3. 商品中心 ：以卡片形式浏览所有上架商品，支持按分类筛选与关键词搜索，可查看商品详细信息（价格、规格、库存、介绍等）。

   

4. 购物车 ：将心仪商品加入购物车，支持修改数量、删除商品，购物车实时计算合计金额。

   

5. 在线结算 ：选择购物车商品进行结算，支持余额支付，支付成功后自动生成销售订单并扣减库存。

   

6. 我的订单 ：查看个人历史订单列表，支持按订单状态筛选，可查看订单详情与支付信息。

   

7. 公告浏览 ：查看管理员发布的系统通知与公告，支持查看公告详情。

   

8. 个人中心：

   • 个人信息管理 ：查看并修改个人基本信息与头像。

     

   • 余额充值 ：为账户余额进行充值（模拟支付），查看充值记录。

     

   • 修改密码 ：验证原密码后更新登录密码。

     

   • 我的订单 ：查看个人购买记录

     

四、业务流程说明

4.1 采购入库流程

1. 创建采购单：管理员填写供应商信息，选择采购商品并录入数量与单价
2. 采购确认：确认采购单后，系统自动将采购数量累加至对应商品的库存
3. 状态更新：采购单状态变更为"已完成"，记录完成时间

4.2 销售下单流程

1. 商品浏览：会员在商品中心浏览商品，选择心仪商品加入购物车
2. 购物车结算：会员在购物车中确认商品与数量，进入结算页面
3. 余额支付：系统校验会员账户余额是否充足，扣除相应金额完成支付
4. 订单生成：支付成功后自动生成销售订单与订单明细，扣减商品库存并累加销量
5. 订单查看：会员可在"我的订单"中查看订单状态与详情

4.3 会员充值流程

1. 发起充值：会员选择充值金额与支付方式
2. 余额变更：系统记录充值前后余额，累加至账户余额
3. 记录留痕：生成充值记录，供管理员与会员本人查看

五、数据库设计

5.1 主要数据表

表名	说明	功能描述
sys_user	用户信息表	存储管理员与会员账号信息
sys_file	文件信息表	存储上传文件记录
sys_log	操作日志表	存储系统操作审计日志
sys_notice	通知公告表	存储系统通知与公告
goods_category	商品分类表	存储商品分类信息
goods	商品表	存储商品基本信息、价格与库存
purchase_order	采购单表	存储采购单主表信息
purchase_order_item	采购明细表	存储采购单商品明细
sale_order	销售订单表	存储销售订单主表信息
sale_order_item	订单明细表	存储销售订单商品明细
cart	购物车表	存储会员购物车记录
recharge_record	充值记录表	存储会员余额充值记录

六、系统特点

1. 前后端分离：采用前后端分离架构，管理端与会员端独立部署，通过统一API接口通信，提高开发效率与可维护性
2. 角色权限清晰：管理员与会员两大角色权限明确，基于路由守卫与角色字段实现差异化功能访问控制
3. 库存联动管理：采购入库自动累加库存，销售下单自动扣减库存并累加销量，库存低于预警值时可及时提醒
4. AOP日志审计：通过切面编程自动采集操作日志，无侵入式记录全量操作行为，保障系统可追溯性
5. 多维度数据统计：基于ECharts实现销售额趋势、商品销量排行、分类占比等多维度可视化分析，辅助经营决策