🎉 基于 Spring Cloud 2023 + Vue 全家桶

iShopDev Mall

一站式微服务电商解决方案

整合后台管理、移动端商城、小程序、自助收银等多终端，提供完整的电商业务闭环

查看源码 快速开始
4+
子项目
10+
微服务
50+
功能模块

核心功能

覆盖电商全业务场景，从商品管理到订单履约，从会员运营到营销推广

商品管理

商品CRUD、多级分类、品牌管理、规格属性、库存预警、报损管理

订单系统

购物车、订单管理、支付结算、物流跟踪、售后服务、运费模板

会员体系

会员等级、积分系统、签到奖励、余额充值、分销推广、邀请返利

营销工具

优惠券、秒杀活动、积分商城、广告管理、消息推送、专题页面

AI 定制

商品个性化定制、AI图像生成、效果实时预览、定制订单管理

自助收银

扫码购物、多种支付、会员识别、小票打印、语音播报

数据统计

销售报表、商品分析、会员画像、实时大屏、数据可视化

权限管理

RBAC权限模型、角色管理、菜单配置、资源控制、操作日志

系统架构

基于 Spring Cloud 微服务架构，采用前后端分离设计，支持高并发、高可用

客户端层 多终端覆盖，统一用户体验
小程序
uni-app
H5/App
uni-app
管理后台
Vue + Element
自助收银
Vue3 + Electron
网关层 统一入口，路由转发，认证鉴权
Spring Cloud Gateway
路由转发 / 负载均衡 / 限流熔断 / 认证鉴权
Sa-Token Sentinel
微服务层 业务服务拆分，独立部署，弹性伸缩
mall-auth
认证服务
mall-admin
后台服务
mall-portal
前台服务
mall-search
搜索服务
mall-selfcheck
收银服务
mall-monitor
监控服务
基础设施层 中间件支撑，数据存储，消息队列
Nacos
注册/配置
MySQL
数据库
Redis
缓存
RabbitMQ
消息队列
ES
搜索引擎
MongoDB
文档存储

子项目介绍

四大子项目协同工作，覆盖电商全场景需求

mall-swarm

微服务后端系统

Spring Cloud 2023 Spring Boot 3.2

基于 Spring Cloud 2023 & Alibaba 的微服务商城系统，采用 Sa-Token 认证授权，MyBatis ORM，支持 Docker/Kubernetes 部署。

服务模块

mall-auth 认证服务
mall-gateway 网关服务
mall-admin 后台服务
mall-portal 前台服务
mall-search 搜索服务
mall-selfcheck 收银服务
mall-monitor 监控服务
mall-common 公共模块

核心技术

Nacos 注册/配置中心
Sa-Token 认证授权
Elasticsearch 搜索
RabbitMQ 消息队列
Redis 分布式缓存
Seata 分布式事务didi
Docker 容器化部署
Kubernetes 编排

服务调用流程

客户端请求
Gateway 网关
Auth 认证
业务服务
数据层

mall-admin-web

电商后台管理系统

Vue 2 Element UI

功能完善的电商后台管理系统，包含商品管理、订单管理、会员管理、营销管理、权限管理、数据统计等核心模块。

商品管理 (PMS)

  • 商品列表 - 增删改查、上下架、批量操作
  • 商品分类 - 多级分类、排序、图标设置
  • 品牌管理 - 品牌信息、Logo、推荐设置
  • 属性管理 - 规格属性、参数属性配置
  • 库存管理 - SKU库存、预警、调整
  • 报损管理 - 报损登记、审核、统计

订单管理 (OMS)

  • 订单列表 - 查询、筛选、导出、批量操作
  • 订单详情 - 信息查看、地址修改、备注
  • 发货管理 - 单个/批量发货、物流录入
  • 售后管理 - 退货申请、退款审核
  • 运费模板 - 运费规则、包邮条件
  • 充值订单 - 会员充值记录查询

会员管理 (UMS)

  • 会员列表 - 查询、筛选、导出、状态管理
  • 会员详情 - 基本信息、订单、积分、优惠券
  • 会员等级 - 等级规则、权益设置
  • 积分管理 - 发放、扣减、明细查询
  • 标签管理 - 标签创建、分配、批量打标
  • 分销管理 - 分销员、佣金、提现审核

营销管理 (SMS)

  • 优惠券管理 - 创建、发放、使用统计
  • 秒杀活动 - 场次配置、商品管理
  • 广告管理 - 广告位配置、投放、统计
  • 积分商城 - 积分商品、兑换规则
  • 签到管理 - 签到规则、奖励设置
  • 消息通知 - 模板管理、推送记录

权限管理

  • 管理员管理 - 账号创建、编辑、禁用
  • 角色管理 - 角色创建、权限分配
  • 菜单管理 - 菜单配置、排序、图标
  • 资源管理 - API资源、分类、权限绑定
  • RBAC模型 - 基于角色的访问控制

数据统计

  • 首页大屏 - 核心指标、实时监控
  • 销售统计 - 销售额、订单量、客单价
  • 商品统计 - 销量排行、库存预警
  • 会员统计 - 新增、活跃、会员画像
  • 数据可视化 - ECharts/DataV

订单处理流程

待付款
待发货
已发货
已完成
取消订单 → 已取消 申请售后 → 售后中

mall-app-web

移动端商城 / 小程序

uni-app Vue 2

基于 uni-app 的跨平台移动端商城，支持微信小程序、H5、App 等多端部署，提供完整的移动购物体验。

首页门户

  • 轮播广告 - 活动海报、促销信息
  • 分类导航 - 快速进入分类页面
  • 推荐商品 - 热门、新品、推荐
  • 活动专区 - 秒杀、满减入口
  • 搜索入口 - 商品关键词搜索

商品功能

    <>商品搜索 - 关键词、历史、热门
  • 商品分类 - 多级分类浏览筛选
  • 商品详情 - 图片轮播、规格选择
  • 商品收藏 - 收藏/取消、收藏列表
  • 浏览历史 - 浏览记录、清空

购物车

  • 商品列表 - 已加入购物车商品
  • 数量修改 - 增减商品数量
  • 规格切换 - 修改商品规格
  • 优惠券 - 选择可用优惠券
  • 价格计算 - 自动计算总价优惠

订单管理

  • 创建订单 - 确认商品、地址、支付
  • 订单支付 - 微信/余额/积分抵扣
  • 订单列表 - 按状态筛选、搜索
  • 物流跟踪 - 实时物流信息查询
  • 售后申请 - 退货退款、换货

会员中心

  • 个人信息 - 头像、昵称、手机号
  • 收货地址 - 地址增删改、默认设置
  • 我的积分 - 余额、明细、规则
  • 我的优惠券 - 可用/已用/过期
  • 账户余额 - 查询、充值、消费

特色功能

  • AI定制 - 模板选择、AI生成、预览
  • 积分商城 - 商品/优惠券兑换
  • 签到系统 - 每日签到、连续奖励
  • 礼物功能 - 送礼、祝福、礼袋
  • 分销中心 - 邀请、推广、佣金

用户购物流程

浏览首页
搜索商品
查看详情
加入购物车
选择地址
选择优惠
确认支付
订单完成

支持平台

微信小程序 H5 移动端 iOS App Android App 支付宝小程序 百度小程序

mall-self-checkout

跨平台自助收银系统

Vue 3 Electron Capacitor

跨平台自助收银系统，支持 Windows 桌面端和 Android 移动端，提供完整的自助收银解决方案。

登录方式

  • 非会员结算 - 直接进入扫码购物
  • 手机号登录 - 验证码登录
  • 会员码登录 - 扫描会员码
  • 会员识别 - 自动识别会员权益

购物功能

  • 商品扫码 - 条码识别、信息查询
  • 购物车管理 - 添加、修改数量
  • 会员优惠 - 自动计算会员折扣
  • 价格计算 - 实时计算总价

支付结算

  • 微信支付 - 扫码支付
  • 支付宝支付 - 扫码支付
  • 余额支付 - 会员余额抵扣
  • 小票打印 - 订单小票打印

辅助功能

  • TTS语音播报 - 语音提示功能
  • 虚拟键盘 - 触屏输入支持
  • 数据脱敏 - 手机号安全显示
  • 自动清理 - 退出时清理数据

技术特性

  • Vue 3 + TypeScript
  • Vite 构建工具
  • Pinia 状态管理
  • Vant 4 UI 框架

支持平台

  • Windows 桌面端 (Electron)
  • Android 移动端 (Capacitor)
  • Web 浏览器 (H5)
  • 响应式设计适配

自助收银流程

会员结算流程
会员登录
扫码购物
购物车确认
扫码支付
打印小票
非会员结算流程
非会员结算
扫码购物
扫码支付
打印小票

技术栈

采用主流技术栈，确保系统稳定性、可扩展性和开发效率

后端技术

Spring Cloud 2023 微服务框架
Spring Boot 3.2 容器+MVC
Sa-Token 认证授权
MyBatis ORM框架
Elasticsearch 搜索引擎
RabbitMQ 消息队列
Seata 分布式事务

前端技术

Vue 2 / Vue 3 前端框架
Element UI 后台UI框架
Vant 4 移动端UI
Vuex / Pinia 状态管理
ECharts / DataV 数据可视化
TypeScript 类型安全
Vite / Webpack 构建工具

跨平台技术

uni-app 多端开发
Electron 桌面端框架
Capacitor 移动端框架
微信小程序 小程序平台
H5 移动端网页
iOS / Android 原生App

数据存储

MySQL 5.7+ 关系型数据库
Redis 7.0 分布式缓存
MongoDB 5.0 文档数据库
Elasticsearch 7.17 搜索引擎
MinIO / OSS 对象存储

中间件

Nacos 注册/配置中心
RabbitMQ 消息队列
Nginx 反向代理
Sentinel 限流熔断
Logstash 日志收集

运维部署

Docker 容器化部署
Docker Compose 编排工具
Kubernetes 容器编排
Jenkins CI/CD
Portainer 容器管理

联系我们

欢迎加入技术交流群，一起探讨电商系统开发

微信

Geeky-GH

QQ

3661232064

技术交流Q群

iShopDev 技术交流三群

852049418

如果这个项目对你有帮助，欢迎 Star 支持

Star on GitHub