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