猿实战20——商品发布之sku与笛卡尔乘积的那些事儿

猿实战是一个原创系列文章，通过实战的方式，采用前后端分离的技术结合SpringMVC Spring Mybatis,手把手教你撸一个完整的电商系统，变身猿人找到工作不是问题。还等什么呢？关注公号,取基础代码,一起实战吧。

上两个章节，猿人君教会了你如何选择类目，以及加载商品发布需要准备的数据，今天，猿人君会教授你商品发布中的一个核心知识，sku数据生成。

功能概览

在商品发布详情页面，勾选销售属性下的销售属性值后，页面会根据选择的销售属性值，动态生成需要详细填写信息的sku数据。事实上，商品是对sku的一个聚合，我们真正售卖的东西，是sku。关于商品和sku的区别，大家可以看之前的设计文章。

数据库设计

本章节主要讲述内容，在于sku数据生成以及页面数据处理问题，稍微偏算法一些，不涉及数据库相关内容。

前端功能实现

勾选销售属性值，生成需要填写的sku列表功能实现。

勾选销售属性值后，页面生成需要填写的sku列表。在上一章节，我们已经为此做好了数据准备，我们先回顾下，销售属性的获取功能。

从功能上来讲，当我们勾选一个销售属性时，那么就会生成条相应的记录。比如，某个商品有两个销售属性——容量和颜色。其中容量有2G和4G两个属性值，颜色可能有多种，比如，红，黄，蓝三种颜色。那么当我们勾选将这些属性值勾选之后，页面会生成2G,红色；2G，黄色；2G,蓝色；4G,红色；4G,黄色；4G,蓝色。这么