黑马程序员技术交流社区

标题: 【郑州校区】品优购电商系统开发第 2 章 品牌管理 六 [打印本页]

作者: 我是楠楠    时间: 2020-5-7 14:08
标题: 【郑州校区】品优购电商系统开发第 2 章 品牌管理 六
【郑州校区】品优购电商系统开发第 2 章 品牌管理 六

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

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

[AppleScript] 纯文本查看 复制代码
/**
* 修改
*/
public void update(TbBrand brand);
/**
* 根据 ID 获取实体
* @param id
* @return
*/
public TbBrand findOne(Long id);

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

[AppleScript] 纯文本查看 复制代码
/**
* 修改
*/
@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 新增方法

[AppleScript] 纯文本查看 复制代码
/**
* 修改
* @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 代码

[AppleScript] 纯文本查看 复制代码
//查询实体
$scope.findOne=function(id){
$http.get('../brand/findOne.do?id='+id).success(
function(response){
$scope.entity= response;
}
);
}

修改列表中的“修改”按钮,调用此方法执行查询实体的操作
[AppleScript] 纯文本查看 复制代码
 <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 方法

[AppleScript] 纯文本查看 复制代码
//保存
$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);
}
}
);
}







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