商家后台-商品管理【商品修改】
2.1 需求分析
在商品列表页面点击修改,进入商品编辑页面,并传递参数商品 ID,商品编辑页面接受该参数后从数据库中读取商品信息,用户修改后保存信息。
2.2 基本信息读取
我们首选读取商品分类、商品名称、品牌,副标题,价格等信息
后端代码
(1)修改 pinyougou-sellergoods-interface 的 GoodsService.java
/**
*根据 ID 获取实体
*@param id
* @return
*/
public Goods findOne(Long id);
(2)修改 pinyougou-sellergoods-service 的 GoodsServiceImpl.java
@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
/**
*获取实体
*@param id
*@return
*/ @RequestMapping("/findOne") public Goods findOne(Long id){
return goodsService.findOne(id);
前端代码
(1)在 goodsController 中引入$location 服务
// 商 品 控 制 层 ( 商 家 后 台 ) app.controller('goodsController',function($scope,$controller,$location,goodsService
,uploadService,item_catService,type_templateService){
......
(2)修改 goodsController 添加代码:
//查询实体
$scope.findOne=function(){
var id= $location.search()['id'];//获取参数值
if(id==null){
return ;
}
goodsService.findOne(id).success(
function(response){
$scope.entity= response;
}
);
}
在 goods_edit.html 页面上添加指令
测试:
地址栏输入
http://localhost:9102/admin/goods_edit.html#?id=149187842867969
注意: ?前要加# ,则是 angularJS 的地址路由的书写形式
转载于:https://blog.51cto.com/13517854/2164931