商城演示

## 1. 演示地址

### [#](https://doc.iocoder.cn/mall-preview/#_1-1-%E5%95%86%E5%9F%8E%E7%A7%BB%E5%8A%A8%E7%AB%AF)1.1 商城移动端

* 演示地址：[http://mall.yudao.iocoder.cn/(opens new window)](http://mall.yudao.iocoder.cn/)
* 账号：可使用账号 15601691300，验证码 9999 进行登录
* 仓库：[https://github.com/yudaocode/yudao-mall-uniapp **(opens new window)**](https://github.com/yudaocode/yudao-mall-uniapp) 仓库，目前是基于 Vue3 + uni-app 实现

### [#](https://doc.iocoder.cn/mall-preview/#_1-2-%E5%95%86%E5%9F%8E%E7%AE%A1%E7%90%86%E5%90%8E%E5%8F%B0)1.2 商城管理后台

* 演示地址：[http://dashboard-vue3.yudao.iocoder.cn/(opens new window)](http://dashboard-vue3.yudao.iocoder.cn/)
* 菜单：「会员中心」「商品中心」「订单中心」「营销中心」「统计中心」「支付中心」
* 仓库：[https://github.com/yudaocode/yudao-ui-admin-vue3 **(opens new window)**](https://github.com/yudaocode/yudao-ui-admin-vue3)，基于 Vue3 + Element Plus 实现

### [#](https://doc.iocoder.cn/mall-preview/#_1-3-%E5%95%86%E5%9F%8E%E5%90%8E%E7%AB%AF)1.3 商城后端

支持 Spring Boot 单体、Spring Cloud 微服务架构

* 单体仓库： [https://github.com/YunaiV/ruoyi-vue-pro(opens new window)](https://github.com/YunaiV/ruoyi-vue-pro)
* 微服务仓库： [https://github.com/YunaiV/yudao-cloud(opens new window)](https://github.com/YunaiV/yudao-cloud)

## [#](https://doc.iocoder.cn/mall-preview/#_2-%E5%95%86%E5%9F%8E%E5%90%AF%E5%8A%A8)2. 商城启动

参见 [《商城手册 —— 功能开启》](https://doc.iocoder.cn/mall/build/) 文档，一般 3 分钟就可以启动完成。

## [#](https://doc.iocoder.cn/mall-preview/#_3-%E5%95%86%E5%9F%8E%E4%BA%A4%E6%B5%81)3. 商城交流

专属交流社区，欢迎扫码加入。

## [#](https://doc.iocoder.cn/mall-preview/#_4-%E5%8A%9F%E8%83%BD%E6%A6%82%E8%BF%B0)4. 功能概述

主要分为 4 个核心模块（商品、订单、营销、统计）、2 个基础模块（会员、支付）。

目前已经比较完善，可以支持一整套电商流程，不少公司已经在生产中使用。

![订单流程](/media/202404/2024-04-26_1620020.1769023969216248.png)

### [#](https://doc.iocoder.cn/mall-preview/#_4-1-%E5%95%86%E5%9F%8E%E7%AE%A1%E7%90%86%E5%90%8E%E5%8F%B0)4.1 商城管理后台

![商城管理后台](/media/202404/2024-04-26_1620020.5005969869934099.png)

### [#](https://doc.iocoder.cn/mall-preview/#_4-2-%E5%95%86%E5%9F%8E%E7%A7%BB%E5%8A%A8%E7%AB%AF)4.2 商城移动端

![商城移动端](/media/202404/2024-04-26_1620020.19238078866152186.png)

## [#](https://doc.iocoder.cn/mall-preview/#_5-%E8%A1%A8%E7%BB%93%E6%9E%84)5. 表结构

商城一共有 **70+** 张表，具备一定的业务复杂度，对提升技术能力会有不错的帮助，平时做项目也可以参考参考。

### [#](https://doc.iocoder.cn/mall-preview/#_5-1-%E5%95%86%E5%93%81%E6%A8%A1%E5%9D%97-%E4%B8%AD%E5%BF%83)5.1 商品模块（中心）

以 `product_` 作为前缀的表，表结构如下：

![商品表](/media/202404/2024-04-26_1620020.9241269296415452.png)

可学习文档：

* [《【商品】商品分类》](https://doc.iocoder.cn/mall/product-category/)
* [《【商品】商品属性》](https://doc.iocoder.cn/mall/product-property/)
* [《【商品】商品 SPU 与 SKU》](https://doc.iocoder.cn/mall/product-spu-sku/)
* [《【商品】商品评价》](https://doc.iocoder.cn/mall/product-comment/)

### [#](https://doc.iocoder.cn/mall-preview/#_5-2-%E4%BA%A4%E6%98%93%E6%A8%A1%E5%9D%97-%E4%B8%AD%E5%BF%83)5.2 交易模块（中心）

以 `trade_` 作为前缀的表，表结构如下：

![交易表](/media/202404/2024-04-26_1620020.942408679010201.png)

可学习文档：

* [《【交易】购物车》](https://doc.iocoder.cn/mall/trade-cart/)
* [《【交易】商品订单》](https://doc.iocoder.cn/mall/trade-order/)
* [《【交易】售后退款》](https://doc.iocoder.cn/mall/trade-aftersale/)
* [《【交易】快递发货》](https://doc.iocoder.cn/mall/trade-delivery-express/)
* [《【交易】门店自提》](https://doc.iocoder.cn/mall/trade-delivery-pickup/)
* [《【交易】分销返佣》](https://doc.iocoder.cn/mall/trade-brokerage/)

### [#](https://doc.iocoder.cn/mall-preview/#_5-3-%E8%90%A5%E9%94%80%E6%A8%A1%E5%9D%97-%E4%B8%AD%E5%BF%83)5.3 营销模块（中心）

以 `promotion_` 作为前缀的表，表结构如下：

![营销表](/media/202404/2024-04-26_1620020.38574548285456567.png)

可学习文档：

* [《店铺装修》](https://doc.iocoder.cn/mall/diy/)
* [《【营销】优惠劵》](https://doc.iocoder.cn/mall/promotion-coupon/)
* [《【营销】拼团活动》](https://doc.iocoder.cn/mall/promotion-combination/)
* [《【营销】秒杀活动》](https://doc.iocoder.cn/mall/seckill-combination/)
* [《【营销】砍价活动》](https://doc.iocoder.cn/mall/seckill-bargain/)
* [《【营销】满减送》](https://doc.iocoder.cn/mall/promotion-record/)
* [《【营销】限时折扣》](https://doc.iocoder.cn/mall/promotion-discount/)
* [《【营销】内容管理》](https://doc.iocoder.cn/mall/promotion-content/)

### [#](https://doc.iocoder.cn/mall-preview/#_5-4-%E7%BB%9F%E8%AE%A1%E6%A8%A1%E5%9D%97-%E4%B8%AD%E5%BF%83)5.4 统计模块（中心）

以 `_statistics` 作为后缀的表，表结构如下：

![统计表](/media/202404/2024-04-26_1620020.40817183995067874.png)

* [《【统计】会员、商品、交易统计》](https://doc.iocoder.cn/mall/statistics/)

### [#](https://doc.iocoder.cn/mall-preview/#_5-5-%E4%BC%9A%E5%91%98%E6%A8%A1%E5%9D%97-%E4%B8%AD%E5%BF%83)5.5 会员模块（中心）

以 `member_` 作为前缀的表，表结构如下：

![会员表](/media/202404/2024-04-26_1620020.5720463915848985.png)

### [#](https://doc.iocoder.cn/mall-preview/#_5-6-%E6%94%AF%E4%BB%98%E6%A8%A1%E5%9D%97-%E4%B8%AD%E5%BF%83)5.6 支付模块（中心）

以 `pay_` 作为前缀的表，表结构如下：

![支付表](/media/202404/2024-04-26_1620020.946441922951389.png)