|
【郑州校区】品优购电商系统开发第 7 章 八
3.2 商品详情展示(学员实现)
需求：点击列表右侧的“详情”按钮，弹出窗口显示商品信息。代码略。
3.3 商品审核与驳回
需求：商品审核的状态值为 1，驳回的状态值为 2 。用户在列表中选中 ID 后，点击审核或
驳回，修改商品状态，并刷新列表。
3.3.1 后端代码
（1）在 pinyougou-sellergoods-interface 的 GoodsService.java 新增方法定义
[AppleScript] 纯文本查看 复制代码 /**
* 批量修改状态
* @param ids
* @param status
*/
public void updateStatus(Long []ids,String status);
（2）在 pinyougou-sellergoods-service 的 GoodsServiceImpl.java 实现该方法
[AppleScript] 纯文本查看 复制代码 public void updateStatus(Long[] ids, String status) {
for(Long id:ids){
TbGoods goods = goodsMapper.selectByPrimaryKey(id);
goods.setAuditStatus(status);
goodsMapper.updateByPrimaryKey(goods);
}
}
（3）在 pinyougou-shop-web 的 GoodsController.java 新增方法
[AppleScript] 纯文本查看 复制代码 /**
* 更新状态
* @param ids
* @param status
*/
@RequestMapping("/updateStatus")
public Result updateStatus(Long[] ids, String status){
try {
goodsService.updateStatus(ids, status);
return new Result(true, "成功");
} catch (Exception e) {
e.printStackTrace();
return new Result(false, "失败");
}
}
3.3.2 前端代码
（1）修改 pinyougou-manager-web 的 goodsService.js ，增加方法
[AppleScript] 纯文本查看 复制代码 //更改状态
this.updateStatus=function(ids,status){
return $http.get('../goods/updateStatus.do?ids='+ids+"&status="+status);
}
（2）修改 pinyougou-manager-web 的 goodsController.js ，增加方法
[AppleScript] 纯文本查看 复制代码 //更改状态
$scope.updateStatus=function(status){
goodsService.updateStatus($scope.selectIds,status).success(
function(response){
if(response.success){//成功
$scope.reloadList();//刷新列表
$scope.selectIds=[];//清空 ID 集合
}else{
alert(response.message);
}
}
);
}
（3）修改 pinyougou-manager-web 的 goods.html 页面，为复选框绑定事件指令
[AppleScript] 纯文本查看 复制代码 <input type="checkbox" ng-click="updateSelection($event,entity.id)" >
（4）修改页面上的审核通过和驳回按钮
[AppleScript] 纯文本查看 复制代码 <button type="button" class="btn btn-default" title="审核通过"
ng-click="updateStatus('1')"><i class="fa fa-check"></i> 审核通过</button>
<button type="button"
class="btn btn-default"
title="
驳 回
"
ng-click="updateStatus('2')" ><i class="fa fa-ban"></i> 驳回</button>
|
|
收藏
淘帖
踩
