前面介紹了我理解的sku概念和表設計，那麼最後看一下做好後的效果頁面。
後臺發佈。
sku發佈的頁面大概是這樣：
屬性值 屬性值
屬性 顏色 紅色 白色 + - 刪除 添加
屬性 內存 16g 32g + - 刪除 添加
點擊+-來增加刪除 屬性值，點擊刪除 添加按鈕用來增加刪除屬性行
前臺效果
說個插曲
點擊了所有屬性，會再計算價格庫存，所以我們設計了一張表來儲存skuid+價格+庫存，然後點擊一個屬性自動去判斷是否有庫存等。但是發現每點擊一次去查詢實在太慢了，如果屬性很多，複雜度就幾何式增長。
我們的解決辦法是，儘量到最後一個屬性前再來校驗，而且不用每點擊一次就去查數據庫。是進入頁面的時候就把所有的sku組合（包括sku內部組合的可能比如 白色：16g 和 16g：白色 ）對應的價格和庫存全部帶到頁面上。然後通過js來校驗查詢，速度達到需要的要求。
轉發請標明原地址http://techfoxbbs.com/thread-21656-1-1.html 歡迎大家關注我們的公衆微信 TechfoxBBS
