zoukankan      html  css  js  c++  java
  • Java之品优购课程讲义_day06(7)

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

    基于上一步我们完成的规格选择,根据选择的规格录入商品的 SKU 信息,当用户选择相应的规格,下面的 SKU 列表就会自动生成,如下图:
    Java之品优购课程讲义_day06(7)
    实现思路:实现思路:

    (1)我们先定义一个初始的不带规格名称的集合,只有一条记录。
    (2)循环用户选择的规格,根据规格名称和已选择的规格选项对原集合进行扩充,添加规格名称和值,新增的记录数与选择的规格选项个数相同

    生成的顺序如下图:
    Java之品优购课程讲义_day06(7)
    5.1 前端代码
    5.1.1 生成 SKU列表(深克隆)
    (1)在 goodsController.js 实现创建 sku 列表的方法
    Java之品优购课程讲义_day06(7)

    //创建 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}}
    显示效果如下:
    Java之品优购课程讲义_day06(7)

  • 相关阅读:
    关于v$librarycache的几个字段含义
    nmon监控
    ORA-01841: (full) year must be between -4713 and +9999,
    MySql 5.7 新特性概览
    权限传递
    ORA-03135 防火墙超时设置断开db link 连接
    Oracle Profile使用详解(转)
    查看Oracle数据库SQL执行历史
    ALTER SEQUENCE 导致 REPLICAT 延时
    trace/trace2命令
  • 原文地址:https://www.cnblogs.com/aiaitie/p/9525575.html
Copyright © 2011-2022 走看看