【郑州校区】品优购电商系统开发 第 6 章 二

1.3.4 读取模板 ID
在 goodsController 增加代码：

[AppleScript] 纯文本查看 复制代码

//三级分类选择后 读取模板 ID
$scope.$watch('entity.goods.category3Id', function(newValue, oldValue) {
itemCatService.findOne(newValue).success(
function(response){
$scope.entity.goods.typeTemplateId=response.typeId; //更新模板 ID
}
);
}); 

在 goods_edit.html 显示模板 ID

[AppleScript] 纯文本查看 复制代码

 模板 ID:{{entity.goods.typeTemplateId}}

2.商品录入【品牌选择】
2.1 需求分析
在用户选择商品分类后，品牌列表要根据用户所选择的分类进行更新。具体的逻辑是根据用户选择的三级分类找到对应的商品类型模板，商品类型模板中存储了品牌的列表 json 数据。


2.2 代码实现
（1）在 pinyougou-shop-web 工程创建 TypeTemplateController （可从运营商后台拷贝）
（2）在 pinyougou-shop-web 工程创建 typeTemplateService.js （可从运营商后台拷贝）
（3）在 goodsController 引入 typeTemplateService 并新增代码

[AppleScript] 纯文本查看 复制代码

//模板 ID 选择后 更新品牌列表
$scope.$watch('entity.goods.typeTemplateId', function(newValue, oldValue) {
typeTemplateService.findOne(newValue).success(
function(response){
$scope.typeTemplate=response;//获取类型模板
$scope.typeTemplate.brandIds=
JSON.parse( $scope.typeTemplate.brandIds);//品牌列表
}
);
}); 

在页面 goods_edit.html 引入 js

[AppleScript] 纯文本查看 复制代码

 <script type="text/javascript" src="../js/service/typeTemplateService.js"> </script>

添加品牌选择框

[AppleScript] 纯文本查看 复制代码

 <select class="form-control" ng-model="entity.goods.brandId" ng-options="item.id as
item.text for item in typeTemplate.brandIds"></select> 

3.商品录入【扩展属性】
3.1 需求分析
在商品录入实现扩展属性的录入。


3.2 代码实现
修改 goodsController.js ，在用户更新模板 ID 时，读取模板中的扩展属性赋给商品的扩展属性。

[AppleScript] 纯文本查看 复制代码

//模板 ID 选择后 更新模板对象
$scope.$watch('entity.goods.typeTemplateId', function(newValue, oldValue) {
typeTemplateService.findOne(newValue).success(
function(response){
$scope.typeTemplate=response;//获取类型模板
$scope.typeTemplate.brandIds=
JSON.parse( $scope.typeTemplate.brandIds);//品牌列表
$scope.entity.goodsDesc.customAttributeItems=JSON.parse( $scope.typeTemplate.custom
AttributeItems);//扩展属性
}
);
}); 

修改 goods_edit.html

[AppleScript] 纯文本查看 复制代码

 <!--扩展属性-->
<div class="tab-pane" id="customAttribute">
<div class="row data-type">
<div ng-repeat="pojo in entity.goodsDesc.customAttributeItems">
<div class="col-md-2 title">{{pojo.text}}</div>
<div class="col-md-10 data">
<input class="form-control" ng-model="pojo.value" placeholder="{{pojo.text}}">
</div>
</div>
</div>
</div> 

【郑州校区】品优购电商系统开发 第 6 章 二

1.3.4 读取模板 ID
在 goodsController 增加代码：

[AppleScript] 纯文本查看 复制代码

//三级分类选择后 读取模板 ID
$scope.$watch('entity.goods.category3Id', function(newValue, oldValue) {
itemCatService.findOne(newValue).success(
function(response){
$scope.entity.goods.typeTemplateId=response.typeId; //更新模板 ID
}
);
}); 

在 goods_edit.html 显示模板 ID

[AppleScript] 纯文本查看 复制代码

 模板 ID:{{entity.goods.typeTemplateId}}

2.商品录入【品牌选择】
2.1 需求分析
在用户选择商品分类后，品牌列表要根据用户所选择的分类进行更新。具体的逻辑是根据用户选择的三级分类找到对应的商品类型模板，商品类型模板中存储了品牌的列表 json 数据。


2.2 代码实现
（1）在 pinyougou-shop-web 工程创建 TypeTemplateController （可从运营商后台拷贝）
（2）在 pinyougou-shop-web 工程创建 typeTemplateService.js （可从运营商后台拷贝）
（3）在 goodsController 引入 typeTemplateService 并新增代码

[AppleScript] 纯文本查看 复制代码

//模板 ID 选择后 更新品牌列表
$scope.$watch('entity.goods.typeTemplateId', function(newValue, oldValue) {
typeTemplateService.findOne(newValue).success(
function(response){
$scope.typeTemplate=response;//获取类型模板
$scope.typeTemplate.brandIds=
JSON.parse( $scope.typeTemplate.brandIds);//品牌列表
}
);
}); 

在页面 goods_edit.html 引入 js

[AppleScript] 纯文本查看 复制代码

 <script type="text/javascript" src="../js/service/typeTemplateService.js"> </script>

添加品牌选择框

[AppleScript] 纯文本查看 复制代码

 <select class="form-control" ng-model="entity.goods.brandId" ng-options="item.id as
item.text for item in typeTemplate.brandIds"></select> 

3.商品录入【扩展属性】
3.1 需求分析
在商品录入实现扩展属性的录入。


3.2 代码实现
修改 goodsController.js ，在用户更新模板 ID 时，读取模板中的扩展属性赋给商品的扩展属性。

[AppleScript] 纯文本查看 复制代码

//模板 ID 选择后 更新模板对象
$scope.$watch('entity.goods.typeTemplateId', function(newValue, oldValue) {
typeTemplateService.findOne(newValue).success(
function(response){
$scope.typeTemplate=response;//获取类型模板
$scope.typeTemplate.brandIds=
JSON.parse( $scope.typeTemplate.brandIds);//品牌列表
$scope.entity.goodsDesc.customAttributeItems=JSON.parse( $scope.typeTemplate.custom
AttributeItems);//扩展属性
}
);
}); 

修改 goods_edit.html

[AppleScript] 纯文本查看 复制代码

 <!--扩展属性-->
<div class="tab-pane" id="customAttribute">
<div class="row data-type">
<div ng-repeat="pojo in entity.goodsDesc.customAttributeItems">
<div class="col-md-2 title">{{pojo.text}}</div>
<div class="col-md-10 data">
<input class="form-control" ng-model="pojo.value" placeholder="{{pojo.text}}">
</div>
</div>
</div>
</div>