【交易】购物车

1. 表结构

购物车表，由 yudao-module-trade 后端模块的 cart 包实现。表结构如下：

省略 creator/create_time/updater/update_time/deleted/tenant_id 等通用字段

CREATE TABLE `trade_cart`  (
  `id` bigint NOT NULL AUTO_INCREMENT COMMENT '编号，唯一自增。',
    
  `user_id` bigint NOT NULL COMMENT '用户编号',
    
  `spu_id` bigint NOT NULL COMMENT '商品 SPU 编号',
  `sku_id` bigint NOT NULL COMMENT '商品 SKU 编号',
  
  `count` int NOT NULL COMMENT '商品购买数量',
  `selected` bit(1) NOT NULL DEFAULT b'1' COMMENT '是否选中',
  PRIMARY KEY (`id`) USING BTREE
) ENGINE = InnoDB AUTO_INCREMENT = 70 CHARACTER SET = utf8mb4 COLLATE = utf8mb4_general_ci COMMENT = '购物车的商品信息';

注意，它存储的是购物项，用户添加了多个商品 SKU 则会有多条记录。字段可以分成三类：

• ① user_id 字段：对应的用户编号。
• ② spu_id、sku_id 字段：商品 SPU、SKU 相关信息。
• ③ count、selected 字段：购买数量和选中状态。相同商品 SKU 被多次添加到购物车时，只会记录一条，count 数量进行累加，直到被下单。

2. 管理后台

暂时没有对应菜单，可以查询 trade_cart 表实现。

因为它采用 MySQL 实现存储，所以实现还是比较简单的。如果是 Redis 的话，可能条件 + 分页查询就比较复杂了。

3. 移动端

3.1 添加购物车

在商品详情页，选择完商品 SKU 后，可点击「加入购物车」按钮，实现添加购物车功能。如下图所示：

3.2 购物车列表

对应 uni-app 底部的 [购物车] 导航，对应 yudao-mall-uniapp 项目的 pages/index/cart.vue 页面。如下图所示：

后续，点击「去结算」按钮，即可进入下单流程。