A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

【郑州校区】品优购电商系统开发第 7 章 一

品优购电商系统开发
第 7 章
商品修改与审核
课程目标
目标 1:完成商家后台商品列表的功能
目标 2:完成商家后台商品修改的功能
目标 3:完成运营商后台商品审核的功能
目标 4:完成运营商后台商品删除的功能
目标 5:掌握注解式事务的配置
1.商家后台-商品管理【商品列表】
1.1 需求分析
在商家后台,显示该商家的商品列表信息,如下图:


1.2 查询商家商品列表
1.2.1 后端代码
修改 pinyougou-shop-web 工程的 GoodsController.java search 方法
[AppleScript] 纯文本查看 复制代码
@RequestMapping("/search")
public PageResult search(@RequestBody TbGoods goods, int page, int rows ){
//获取商家 ID
String sellerId =
SecurityContextHolder.getContext().getAuthentication().getName();
//添加查询条件
goods.setSellerId(sellerId);
return goodsService.findPage(goods, page, rows);
}


修改 pinyougou-sellergoods-service 工程 com.pinyougou.sellergoods.service.impl findPage方法,修改条件构建部分代码,将原来的模糊匹配修改为精确匹配

[AppleScript] 纯文本查看 复制代码
if(goods.getSellerId()!=null && goods.getSellerId().length()>0){
//criteria.andSellerIdLike("%"+goods.getSellerId()+"%");
criteria.andSellerIdEqualTo(goods.getSellerId());
} 

1.2.2 前端代码
修改 goods.html. 引入 js
[AppleScript] 纯文本查看 复制代码
 <script type="text/javascript" src="../plugins/angularjs/angular.min.js"></script>
<!-- 分页组件开始 -->
<script src="../plugins/angularjs/pagination.js"></script>
<link rel="stylesheet" href="../plugins/angularjs/pagination.css">
<!-- 分页组件结束 -->
<script type="text/javascript" src="../js/base_pagination.js"></script>
<script type="text/javascript" src="../js/service/goodsService.js"></script>
<script type="text/javascript" src="../js/service/itemCatService.js"></script>
<script type="text/javascript" src="../js/service/uploadService.js"></script>
<script type="text/javascript" src="../js/service/typeTemplateService.js"></script>
<script type="text/javascript" src="../js/controller/baseController.js"></script>
<script type="text/javascript" src="../js/controller/goodsController.js"></script> 


添加指令
[AppleScript] 纯文本查看 复制代码
<body
class="hold-transition skin-red
sidebar-mini"
ng-app="pinyougou"
ng-controller="goodsController">

在页面上放置分页控件
[AppleScript] 纯文本查看 复制代码
<tm-pagination conf="paginationConf"></tm-pagination>

循环列表

[AppleScript] 纯文本查看 复制代码
<tr ng-repeat="entity in list">
<td><input type="checkbox"></td>
<td>{{entity.id}}</td>
<td>{{entity.goodsName}}</td>
<td>{{entity.price}}</td>
<td>{{entity.category1Id}}</td>
<td>{{entity.category2Id}}</td>
<td>{{entity.category3Id}}</td>
<td>
{{entity.auditStatus}}
</td>
<td class="text-center">
<button type="button" class="btn bg-olive btn-xs">修改</button>
</td>
</tr>

显示效果如下:



1 个回复

正序浏览
您需要登录后才可以回帖 登录 | 加入黑马