黑马程序员技术交流社区

标题: 【郑州校区】品优购电商系统开发第 7 章三 [打印本页]

作者: 我是楠楠 时间: 2020-5-26 15:05
标题: 【郑州校区】品优购电商系统开发第 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 的地址路由的书写形式

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2