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

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

2.商家后台-商品管理【商品修改】
2.1 需求分析
在商品列表页面点击修改，进入商品编辑页面，并传递参数商品 ID，商品编辑页面接受该参数后从数据库中读取商品信息，用户修改后保存信息。
2.2 基本信息读取
我们首选读取商品分类、商品名称、品牌，副标题，价格等信息

2.2.1 后端代码
（1）修改 pinyougou-sellergoods-interface 的 GoodsService.java

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

/**
* 根据 ID 获取实体
* @param id
* @return
*/
public Goods findOne(Long id);

（2）修改 pinyougou-sellergoods-service 的 GoodsServiceImpl.java

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

 @Override
public Goods findOne(Long id) {
Goods goods=new Goods();
TbGoods tbGoods = goodsMapper.selectByPrimaryKey(id);
goods.setGoods(tbGoods);
TbGoodsDesc tbGoodsDesc = goodsDescMapper.selectByPrimaryKey(id);
goods.setGoodsDesc(tbGoodsDesc);
return goods;
}

（3）修改 pinyougou-shop-web（和 pinyougou-manager-web）的 GoodsController.java

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

/**
* 获取实体
* @param id
* @return
*/
@RequestMapping("/findOne")
public Goods findOne(Long id){
return goodsService.findOne(id);
}

2.2.2 前端代码
（1）在 goodsController 中引入$location 服务

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

 //商品控制层（商家后台）
app.controller('goodsController',function($scope,$controller,$location,goodsService
,uploadService,item_catService,type_templateService){
......

（2）修改 goodsController 添加代码：

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

 //查询实体
$scope.findOne=function(){
var id= $location.search()['id'];//获取参数值
if(id==null){
return ;
}
goodsService.findOne(id).success(
function(response){
$scope.entity= response;
}
);
}

在 goods_edit.html 页面上添加指令

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

<body
class="hold-transition skin-red sidebar-mini"
ng-app="pinyougou"
ng-controller="goodsController" ng-init="selectItemCat1List();findOne()">

测试：

地址栏输入
http://localhost:9102/admin/goods_edit.html#?id=149187842867969
注意： ?前要加# ，则是 angularJS 的地址路由的书写形式

帐号		自动登录	找回密码
密码			加入黑马

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

1 个回复

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