Java之品優購課程講義_day06（7）

商品錄入【SKU 商品信息】
5.1 需求分析

基於上一步咱們完成的規格選擇，根據選擇的規格錄入商品的 SKU 信息，當用戶選擇相應的規格，下面的 SKU 列表就會自動生成，以下圖：

實現思路：實現思路：

（1）咱們先定義一個初始的不帶規格名稱的集合，只有一條記錄。
（2）循環用戶選擇的規格，根據規格名稱和已選擇的規格選項對原集合進行擴充，添加規格名稱和值，新增的記錄數與選擇的規格選項個數相同

生成的順序以下圖：

5.1 前端代碼
5.1.1 生成 SKU列表(深克隆)
（1）在 goodsController.js 實現建立 sku 列表的方法

//建立 SKU 列表 $scope.createItemList=function(){ $scope.entity.itemList=[{spec:{},price:0,num:99999,status:'0',isDefault:'0' } ] ;//初始 var items= $scope.entity.goodsDesc.specificationItems; for(var i=0;i< items.length;i++){ $scope.entity.itemList = addColumn( $scope.entity.itemList,items[i].attributeName,items[i].attributeValue ); } } //添加列值addColumn=function(list,columnName,conlumnValues){ var newList=[];//新的集合 for(var i=0;i<list.length;i++){ var oldRow= list[i]; for(var j=0;j<conlumnValues.length;j++){ var newRow= JSON.parse( JSON.stringify( oldRow ) );//深克隆 newRow.spec[columnName]=conlumnValues[j]; newList.push(newRow); } } return newList; }

（2）在更新規格屬性後調用生成 SKU 列表的方法

（3）在頁面上添加表達式，進行測試

{{entity.itemList}}
顯示效果以下：