谈谈我对sku的理解（3）----页面效果

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


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

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


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


前台效果
[img]http://techfoxbbs.com/data/attachment/forum/201509/18/195046nhix3nsqxbnuubin.png[/img]

[img]http://techfoxbbs.com/data/attachment/forum/201509/18/195050m4uyymm3fzqwwuu8.png[/img]


[img]http://techfoxbbs.com/data/attachment/forum/201509/18/195054kbp3jsvdfskqjivz.png[/img]


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

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