Mall 商城系统

Mall 商城系统

核心定位

Mall 商城是平台最复杂的业务模块(70+ 张表),提供从商品管理、订单交易到营销活动、分销佣金的全链路电商能力。一套系统同时拥有管理后台(Vue3+Element Plus)和移动端(uni-app),开箱即用。

一句话:如果你需要做一个 B2C 商城,这里已经实现了 90% 的功能。


解决什么问题

痛点 Mall 如何解决
从零开发商城周期长 70+ 张表 + 完整前后端,几周上线
多种营销玩法开发成本高 内置优惠券/秒杀/拼团/砍价/分销
需要管理端+用户端两套前端 管理后台 + uni-app 移动端一起提供
支付和会员需要额外对接 内置对接支付中心和会员中心

用户角色

graph LR subgraph 后台角色 MALL_ADMIN["商城管理员
管理商品/订单/营销"] MALL_OP["运营人员
配置活动/审核评价"] end subgraph C端角色 BUYER["买家
浏览商品/下单/支付
参与营销活动"] DISTRIBUTOR["分销员
推广商品
获取佣金"] end

系统架构

graph TB subgraph 管理后台 ADMIN_PANEL["Vue3 + Element Plus 管理后台
商品/订单/营销/数据"] end subgraph 移动端 UNI_APP["uni-app 移动端
H5 + APP + 小程序
店铺装修(3套模板)"] end subgraph 商品中心 CATEGORY["商品分类"] ATTR["商品属性"] SPU["SPU 商品"] SKU["SKU 规格"] REVIEW["商品评价"] end subgraph 订单中心 CART["购物车"] ORDER["交易订单"] AFTER_SALE["售后管理"] EXPRESS["快递发货"] PICKUP["自提核销"] end subgraph 营销中心 COUPON["优惠券"] SECKILL["秒杀活动"] BARGAIN["砍价活动"] GROUPON["拼团活动"] DISCOUNT["限时折扣"] CONTENT["内容营销"] COMMISSION["分销佣金"] end subgraph 依赖模块 PAY2["支付中心"] MEMBER6["会员中心"] MP3["公众号"] end 管理后台 --> 商品中心 管理后台 --> 订单中心 管理后台 --> 营销中心 移动端 --> 商品中心 移动端 --> 订单中心 移动端 --> 营销中心 订单中心 --> PAY2 订单中心 --> MEMBER6 营销中心 --> MEMBER6

核心业务流程

用户下单流程

sequenceDiagram participant U2 as 用户 participant APP as 移动端/PC participant MALL4 as 商城 participant PAY3 as 支付中心 participant WMS2 as 仓库/WMS U2->>APP: 浏览商品,加入购物车 U2->>APP: 确认订单,选择地址 APP->>MALL4: 创建订单(待支付) MALL4->>PAY3: 发起支付 PAY3-->>APP: 支付页面 U2->>PAY3: 完成支付 PAY3->>MALL4: 回调:支付成功 MALL4->>MALL4: 订单状态 → 待发货 MALL4->>WMS2: 通知发货 WMS2->>MALL4: 录入快递单号 MALL4->>APP: 推送发货通知 U2->>APP: 确认收货 MALL4->>MALL4: 订单完成,发放积分

营销活动矩阵

活动类型 玩法 适合场景
优惠券 满减/折扣/代金券,可指定商品/分类 日常促销
秒杀 限时限量,超低价抢购 引流、清库存
拼团 多人拼团享优惠价 社交裂变
砍价 分享好友帮忙砍价 拉新获客
限时折扣 指定时间段打折 节日促销
内容营销 图文/视频种草 内容电商
分销佣金 推广分佣,多级分销 社交电商

店铺装修

移动端支持 3 套店铺装修模板,可通过拖拽组件自定义首页布局:

  • 轮播图 / 导航图标 / 商品推荐
  • 优惠券弹窗 / 倒计时
  • 搜索栏 / 公告栏

依赖关系

Mall 商城
  ├── 支付中心(Pay)    —— 订单支付
  ├── 会员中心(Member) —— 用户身份/积分
  └── 公众号(MP)      —— 微信内 H5 商城
docs