品优购电商系统开发第 2 章 品牌管理 六

5.修改品牌
5.1 需求分析
点击列表的修改按钮，弹出窗口，修改数据后点“保存”执行保存操作

5.2 后端代码
5.2.1 服务接口层
在 pinyougou-sellergoods-interface 的 BrandService.java 新增方法定义

/**
* 修改
*/
public void update(TbBrand brand);
/**
* 根据 ID 获取实体
* @param id
* @return
*/
public TbBrand findOne(Long id);

5.2.2 服务实现层
在 pinyougou-sellergoods-service 的 BrandServiceImpl.java 新增方法实现

/**
* 修改
*/
@Override
public void update(TbBrand brand){
brandMapper.updateByPrimaryKey(brand);
}
/**
* 根据 ID 获取实体
* @param id
* @return
*/
@Override
public TbBrand findOne(Long id){
return brandMapper.selectByPrimaryKey(id);
}

5.2.3 控制层
在 pinyougou-manager-web 的 BrandController.java 新增方法

/**
* 修改
* @param brand
* @return
*/
@RequestMapping("/update")
public Result update(@RequestBody TbBrand brand){
try {
brandService.update(brand);
return new Result(true, "修改成功");
} catch (Exception e) {
e.printStackTrace();
return new Result(false, "修改失败");
}
}
/**
* 获取实体
* @param id
* @return
*/
@RequestMapping("/findOne")
public TbBrand findOne(Long id){
return brandService.findOne(id);
}

5.3 前端代码
5.3.1 实现数据查询
增加 JS 代码

//查询实体
$scope.findOne=function(id){
$http.get('../brand/findOne.do?id='+id).success(
function(response){
$scope.entity= response;
}
);
}

修改列表中的“修改”按钮，调用此方法执行查询实体的操作

<button
type="button"
class="btn bg-olive btn-xs"
data-toggle="modal"
data-target="#editModal" ng-click="findOne(entity.id)" >修改</button>

5.3.2 保存数据
修改 JS 的 save 方法

//保存
$scope.save=function(){
var methodName='add';//方法名称
if($scope.entity.id!=null){//如果有 ID
methodName='update';//则执行修改方法
}
$http.post('../brand/'+ methodName +'.do',$scope.entity ).success(
function(response){
if(response.success){
//重新查询
$scope.reloadList();//重新加载
}else{
alert(response.message);
}
}
);
}