黑马程序员技术交流社区

标题: 【郑州校区】品优购电商系统开发第 7 章一 [打印本页]

作者: 我是楠楠 时间: 2020-5-26 14:52
标题: 【郑州校区】品优购电商系统开发第 7 章一

【郑州校区】品优购电商系统开发第 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>

显示效果如下：

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

黑马程序员IT技术论坛 X3.2