SpringBoot 4 + Vue 3 会员管理系统（含微信小程序会员端）

项目简介

本项目是一套面向门店会员运营的完整解决方案，采用前后端分离架构，由后台管理端、微信小程序会员端和 Spring Boot 服务端三部分组成。后台负责会员资产、等级权益、商品、充值、消费、积分与公告管理；会员通过微信小程序查看自己的会员卡、余额、积分和门店公告，双端共用同一套数据库与接口。

技术架构

• 后端：Spring Boot 4、Java 17、MyBatis-Plus 3、MySQL 8、JWT、Hutool
• 后台前端：Vue 3、Vite、Element Plus、Pinia、Vue Router、ECharts
• 会员端：微信小程序原生开发（WXML / WXSS / JavaScript）
• 数据交互：RESTful API，JWT 无状态鉴权，统一响应结构与全局异常处理

后台功能

• 首页概览：会员总数、今日新增、累计充值、累计消费四项核心指标，配合会员等级分布饼图和近 7 天充值 / 消费趋势图
• 会员管理：会员档案增删改查、分页筛选、等级归属、账号维护与状态冻结
• 会员等级：配置等级名称、折扣系数、升级所需积分与等级说明
• 商品管理：商品价格、库存、分类、上下架状态与图片上传
• 充值管理：储值金额、赠送金额、充值后余额与操作人记录
• 消费管理：按会员等级自动计算折扣，扣减余额并同步累计积分
• 积分管理：积分获取与兑换流水查询，支持积分兑换办理
• 公告管理：公告发布、草稿、编辑，并同步展示到小程序端
• 系统管理：管理员账号、角色信息、个人资料与密码维护
• 文件上传：统一图片上传接口，支持头像和商品图片

微信小程序会员端

• 会员登录与注册，JWT 登录态本地缓存
• 会员卡首页：姓名、卡号、等级、余额、积分与最新公告
• 公告列表与公告详情
• 个人资料维护：头像上传、姓名、性别、手机号、生日
• 修改密码与安全退出

关键设计

1. 等级折扣自动生效：消费时读取会员当前等级折扣计算实付金额，实付金额向下取整累计积分，积分达到门槛后自动升级等级。
2. 资金与积分双流水：充值、消费、积分兑换分别落库，记录变动后余额、操作人与备注，方便对账与追溯。
3. 统一鉴权与异常处理：后台与小程序共用接口，JWT 拦截器校验登录态，全局异常处理器统一返回业务提示。
4. 逻辑删除与统一分页：核心业务表使用 deleted 逻辑删除字段，列表接口统一分页，避免误删和全表加载。
5. 双端品牌统一：后台与小程序采用统一的深墨蓝、靛紫、金色视觉体系，会员卡、公告和表单组件保持一致的交互语言。

交付内容

• 后端源码：Spring Boot 4 完整工程，含实体、Mapper、Service、Controller、JWT 拦截器与全局异常处理
• 后台前端源码：Vue 3 + Vite 工程，含登录、概览、会员、等级、商品、充值、消费、积分、公告、管理员、角色、个人中心等页面
• 小程序源码：登录、注册、首页、公告、公告详情、个人资料、修改密码等页面
• 数据库脚本：db_member.sql，包含建库建表、索引、测试数据和默认账号
• 部署说明：数据库连接、上传目录、小程序接口地址等配置说明
• 默认管理员：tanwei / 123456（建议首次登录后修改密码）

适用场景

门店会员运营、咖啡餐饮储值卡、连锁零售会员体系、洗车美容等服务行业会员管理，也可作为 Spring Boot 4 + Vue 3 + 微信小程序全栈学习的完整案例。

本项目由探微编程原创开发，源码完整、可直接运行。