RuoYi-Vue-Pro 架构总览
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