前面介绍了我理解的sku概念和表设计,那么最后看一下做好后的效果页面。
后台发布。



sku发布的页面大概是这样:

                          属性值                       属性值
属性  颜色            红色                          白色                + -                 删除  添加
属性  内存            16g                           32g                + -                 删除  添加





点击+-来增加删除 属性值,点击删除 添加按钮用来增加删除属性行








前台效果


195046nhix3nsqxbnuubin.png                195050m4uyymm3fzqwwuu8.png                195054kbp3jsvdfskqjivz.png 


说个插曲
点击了所有属性,会再计算价格库存,所以我们设计了一张表来储存skuid+价格+库存,然后点击一个属性自动去判断是否有库存等。但是发现每点击一次去查询实在太慢了,如果属性很多,复杂度就几何式增长。
我们的解决办法是,尽量到最后一个属性前再来校验,而且不用每点击一次就去查数据库。是进入页面的时候就把所有的sku组合(包括sku内部组合的可能比如  白色:16g 和 16g:白色 )对应的价格和库存全部带到页面上。然后通过js来校验查询,速度达到需要的要求。

转发请标明原地址http://techfoxbbs.com/thread-21656-1-1.html 欢迎大家关注我们的公众微信   TechfoxBBS