1、需求:需要寫乙個新增商品的頁面,主要難點就sku
2、思路:總體來說就是前端生成適合排版的sku資料,之後經過轉換成符合介面的上傳資料,剛開始轉換的時候沒有思路也是花了點時間,畢竟不設限制的sku可以有很多,層級也很深,所以主要用的是遞迴來處理
前端排版時的資料
[對應, ]},
, ,]
},, ,]},]
介面上傳時的資料
對應
3、實現
其中用中間體資料過渡了一下
skualllist = this.repeat(data, 0, undefined, )//過渡用的資料
skuaddparams =
skualllist.map(e =>
}),"channelamount": 0,
"goodsskuid": 0,
"goodsskuimage": "",
"inventory": '',
"ischannel": 0,
"originalprice": '',
"sellingprice": '',
"speccode": "",
"vipprice": ''})
})this
.setdata()
} catch
},repeat(list, index, arr, all)
else
} else
if (index < list.length - 1)
else
if (index == list.length - 1)
})return
all },
sku商品表設計
表關係 分類表 商品表 sku表 庫存表 分類表 屬性名 屬性值 商品表 商品和屬性關係表 屬性名 屬性值 業務邏輯 1.同一商品不同sku庫存和售價不同.2.不同型別的商品具有不同的屬性名和屬性值 如汽車和服飾 所以屬性需要支援後期新增和維護.3.在某個商品分類下通過屬性篩選商品.4.商家某件商品...
商品的SPU和SKU
spu standard product unit spu即標準商品單元,是描述某乙個商品的特性屬性集合。和商品的關係是一對一的關係,比如榮耀10手機,如圖所示 以上的引數都是榮耀10的商品特性 機身長度 寬度 厚度 等,它是乙個商品的固有屬性。sku stock keeping unit sku就...
jquery實現商品sku多屬性選擇(商品詳情頁)
於 商品sku選擇demo3 title head body style type text css ul,li panel goods attr goods attr label goods attr ul goods attr li goods attr li.b goods attr li.b...