PROJECT / 持续迭代
多商户商城
由移动端商城、平台与商户后台、后端 API 组成的多商户电商平台。

PRODUCT SCREENS · REAL WORKFLOWS
界面截图
从真实界面查看产品在桌面端与移动端的关键工作流。
01 / 05
移动商城首页
首页将商品分类、限时秒杀、拼团活动和新品推荐组织在同一条移动购物路径中。

ONE PRODUCT · CONNECTED CODEBASES
产品全景
一个产品,按用户前台、运营后台和服务端拆分职责,并通过清晰的源码节点保持关联。
- 用户前台
mall-h5
面向用户的移动端商城,支持 H5、微信内置浏览器和 PWA。
- Vue 3
- Vite
- Vant
- Pinia
- 运营后台
mall-admin
平台与商户共用的后台管理端。
- Vue 3
- Vite
- Element Plus
- Pinia
- 服务端
mall-system
为商城前台和后台提供服务的后端 API。
- Laravel 12
- PHP 8.3
- MySQL
- Redis
产品组成
产品由三个独立仓库组成:mall-h5 承载用户侧移动端商城,mall-admin 提供平台与商户后台,mall-system 提供统一后端 API。
技术实现
前台和后台均采用 Vue 3 与 Vite,分别使用 Vant 和 Element Plus;后端采用 Laravel 12 与 PHP 8.3。
仓库与运行范围
三个组成仓库均提供独立的 GitHub 源码入口,便于按前台、后台和后端职责分别查看。
业务模块
- 平台运营:维护商户入驻、类目、轮播、活动和平台公告,按商户查看经营数据。
- 商户中心:商户维护商品、规格、库存、上下架状态和发货信息,平台可以审核异常商品。
- 购物履约:顾客浏览、加购、下单和支付后进入待发货、配送中、已完成与售后状态。
- 售后与结算:退款申请关联订单和商品,平台按商户、订单和佣金生成结算明细。
数据与验收
商品、规格、库存、订单、发货、退款和商户结算通过订单号关联。验收路径为“商户上架—顾客下单—商户发货—顾客收货—申请售后—平台结算”,库存和金额变化均保留流水。
GITHUB DISCUSSION
评论与回复
评论保存在 GitHub Discussions,登录 GitHub 后即可参与,发布和回复都在本页完成。
评论区进入视口后自动加载。