电子商城 SKU 简述及前端算法排序

谁借莪１个温暖的怀抱￠ 2022-02-22 11:58 324阅读 0赞

通常电子商城项目中会涉及到SKU ，SPU 概念 ， 前者是原子级 ， 后者是一种类别 。

> SKU：Stock Keeping Unit : 库存单位 ， 以库存进出为单位 ，  
> SPU：Standard Product Unit : 标准产品单位 ，从产品视角 ，是产品信息聚合的最小单位 ，一个SPU 可以包含多个 SKU  
> SPU 就是一个商品 ，例如华为P30 , 小米9 ， 而每个 SPU下或有不同的商品 ，SKU 即为销售单元 ，也是库存的基础单位，例如小米8 白色 64G ， 这就是一个SKU ， 当库存出库的同时 ， 去获取的也是该SKU的值

## 一 数据库结构 ##

此结构设计参考自芋道源码及有赞 。  
[芋道源码][Link 1]

CREATE TABLE `item_sku_property_key` (
      `id` int(5) NOT NULL COMMENT '属性编号',
      `add_time` datetime DEFAULT NULL COMMENT '添加时间',
      `ismultiple` bit(1) DEFAULT NULL COMMENT '是否多选',
      `mustneed` bit(1) DEFAULT NULL COMMENT '是否必须',
      `name` varchar(128) NOT NULL COMMENT '属性文本',
      `status` int(5) NOT NULL COMMENT '状态',
      PRIMARY KEY (`id`)
    ) ENGINE=InnoDB DEFAULT CHARSET=utf8;
    
    
    CREATE TABLE `item_sku_property_reference` (
      `id` int(11) NOT NULL,
      `add_time` datetime DEFAULT NULL,
      `goodsid` int(15) NOT NULL COMMENT '对应商品ID',
      `issku` tinyint(1) NOT NULL COMMENT '是否为SKU',
      `shopid` int(5) NOT NULL COMMENT '对应店铺ID',
      `skuid` int(5) NOT NULL COMMENT 'skuid',
      `skukeyid` int(5) NOT NULL COMMENT '对应属性KEY',
      `skuvalueid` int(5) NOT NULL COMMENT '对应属Value',
      PRIMARY KEY (`id`)
    ) ENGINE=InnoDB DEFAULT CHARSET=utf8;
    
    
    CREATE TABLE `item_sku_property_value` (
      `id` int(11) NOT NULL,
      `add_time` datetime DEFAULT NULL COMMENT '添加时间',
      `datatype` int(5) DEFAULT '0' COMMENT '数据类型',
      `keyid` int(5) NOT NULL COMMENT '对应属性KEY',
      `value` varchar(128) NOT NULL COMMENT '属性文本',
      PRIMARY KEY (`id`)
    ) ENGINE=InnoDB DEFAULT CHARSET=utf8;
    
    CREATE TABLE `shop_goods_sku` (
      `unique_code` varchar(128) NOT NULL DEFAULT '0' COMMENT '唯一编号',
      `create_time` datetime DEFAULT NULL COMMENT '创建时间',
      `gid` int(5) DEFAULT '0' COMMENT '商品编号,对应goods',
      `goods_no` varchar(128) DEFAULT '' COMMENT '商品货号',
      `imageurl` varchar(256) DEFAULT '' COMMENT '图片地址',
      `price` int(6) DEFAULT '0' COMMENT '价格',
      `properties` varchar(256) DEFAULT '' COMMENT '商品规格,字符串 ，通常用于预览',
      `quantity` int(6) DEFAULT '0' COMMENT '库存',
      `sale_num` int(6) DEFAULT '0' COMMENT '销量',
      `shop_id` int(5) DEFAULT '0' COMMENT '店铺编号',
      `sku_id` int(5) DEFAULT '0' COMMENT 'sku 编号',
      `status` int(3) DEFAULT '0' COMMENT '状态 1 正常 2 删除',
      `update_time` datetime DEFAULT NULL COMMENT '更新时间',
      `with_hold_quantity` int(6) DEFAULT '9999' COMMENT '未付款订单数',
      PRIMARY KEY (`unique_code`)
    ) ENGINE=InnoDB DEFAULT CHARSET=utf8;
    
    CREATE TABLE `shop_goods` (
      `id` int(11) NOT NULL,
      `alias` varchar(100) DEFAULT '' COMMENT '系统生成唯一ID',
      `create_date` datetime DEFAULT NULL,
      `goodscate` varchar(100) DEFAULT '' COMMENT '商品类别',
      `goodscode` varchar(100) DEFAULT '' COMMENT '商家自定义货号',
      `goodsdesc` varchar(255) DEFAULT '' COMMENT '货品描述',
      `goodsprice` varchar(255) DEFAULT NULL,
      `goodsstyle` varchar(100) DEFAULT '' COMMENT '商品风格',
      `goodstitle` varchar(100) DEFAULT '' COMMENT '货品标题',
      `goodstype` varchar(100) DEFAULT '' COMMENT '商品类型',
      `message` varchar(255) DEFAULT NULL,
      `sale_staus` varchar(255) DEFAULT NULL,
      `sale_type` varchar(255) DEFAULT NULL,
      `shopid` varchar(100) DEFAULT '' COMMENT '店铺ID',
      `size` varchar(255) DEFAULT NULL,
      `status` int(11) DEFAULT NULL,
      `summary` varchar(255) DEFAULT '' COMMENT '货品副标题',
      `update_date` datetime DEFAULT NULL,
      `volume` varchar(255) DEFAULT NULL,
      PRIMARY KEY (`id`)
    ) ENGINE=InnoDB DEFAULT CHARSET=utf8;

以下是各类的关系结构  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3p6ZzE5OTUwODI0_size_16_color_FFFFFF_t_70]

## 前端算法 ##

参照上面的注解就很同意理解了

ensuregoodfun: function () { 
            console.log("确定选购商品：{}", this.selectgood);
            console.log("确定选购商品 规格：{}", this.selectSKU);
            let itemSKU = this.selectSKU;
            let skuArray = new Array();
            //很明朗 ， 依次循环 ，若下一个集合中有当前的skuid , 则保存到新的数组总 ， 到最后 ，一定只有一个skuid 存在
            Object.keys(itemSKU).forEach(function (itemKey) { 
              //获得第一个sku array
              if (skuArray.length == 0) { 
                skuArray = itemSKU[itemKey].skid
              } else { 
                let newArray = new Array();
                let next = itemSKU[itemKey];
                for (let x in next) { 
                  if (skuArray.indexOf(next[x])) { 
                    newArray.push(next[x]);
                  }
                }
              }
            });
            console.log("最终sku:{}", skuArray[0]);
            var cartObject = { 
              cartdesc: 'app',
              carttype: 0,
              goodsid: this.selectgood.id,
              skuid: skuArray[0],
              shopId: 100001,
              buyerId: 10001,
              nobodyKey: 'A0001',
              num: this.buynum,
              price: this.selectgood.goodsprice
            }
            addGoodsToCart(cartObject).then(re => { 
              console.log("add success:{}--goolist:{}", JSON.stringify(re), this.goodlist);
              this.showpop = false;
              util.showmsg("货品已添加到购物车");
            }).catch(err => { 
            });
          },

## 总结 ##

此SKU 表的设计还有很多可扩展的空间 , 对于 前端算法 ，SKU不会太多 ，基本满足复杂需求 ，可以尝试优化后使用

[Link 1]: http://www.iocoder.cn
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3p6ZzE5OTUwODI0_size_16_color_FFFFFF_t_70]: /images/20220222/c1480b7848f044679c32a427d7ae73e7.png