前面介绍了我理解的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
后台发布。
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