黑马程序员技术交流社区

标题: 【郑州校区】Java之品优购课程讲义_day19（4） [打印本页]

作者: 谷粒姐姐 时间: 2018-11-1 17:10
标题: 【郑州校区】Java之品优购课程讲义_day19（4）
品优购-秒杀详细页
3.1 需求分析
商品详细页显示秒杀商品信息。
3.2 显示详细页信息
3.2.1 后端代码
修改 pinyougou-seckill-interface 的 SeckillGoodsService

[AppleScript] 纯文本查看 复制代码

/** 

  * 根据 ID 获取实体(从缓存中读取) 

  */ 

 public TbSeckillGoods findOneFromRedis(Long id);

修改 pinyougou-seckill-service 的 SeckillGoodsServiceImpl.java

[AppleScript] 纯文本查看 复制代码

@Override 

 public TbSeckillGoods findOneFromRedis(Long id) { 

  return  (TbSeckillGoods)redisTemplate.boundHashOps("seckillGoods").get(id); 

 }

修改 pinyougou-seckill-web 的 SeckillGoodsController
@RequestMapping("/findOneFromRedis")
public TbSeckillGoods findOneFromRedis(Long id){
return seckillGoodsService.findOneFromRedis(id);
}
增加超时时间设置

[AppleScript] 纯文本查看 复制代码

@Reference(timeout=10000) 

 private SeckillGoodsService seckillGoodsService;

前端代码
pinyougou-seckill-web 的 seckillGoodsService.js

[AppleScript] 纯文本查看 复制代码

this.findOne=function(id){ 

  return $http.get('seckillGoods/findOneFromRedis.do?id='+id);   

 }

pinyougou-seckill-web 的 seckillGoodsController.js ，引入$location 服务

[AppleScript] 纯文本查看 复制代码

//查询实体  

 $scope.findOne=function(){  

  seckillGoodsService.findOne($location.search()['id']).success( 

   function(response){ 

    $scope.entity= response;      

   } 

  );     

 }

修改 seckill-item.html ，引入 js

[AppleScript] 纯文本查看 复制代码

<script type="text/javascript" src="plugins/angularjs/angular.min.js">  </script> 

<script type="text/javascript" src="js/base.js">  </script> 

<script type="text/javascript" src="js/service/seckillGoodsService.js">  </script> 

<script src="js/controller/seckillGoodsController.js">  </script>

指令

[AppleScript] 纯文本查看 复制代码

<body ng-app="pinyougou" ng-controller="seckillGoodsController" ng-init="findOne()">

用表达式显示标题

[AppleScript] 纯文本查看 复制代码

<h4>{{entity.title}}</h4>

图片

[AppleScript] 纯文本查看 复制代码

<span class="jqzoom"><img jqimg="{{entity.smallPic}}" src="{{entity.smallPic}}" 

width="400px" height="400px" /></span>

价格

[AppleScript] 纯文本查看 复制代码

<div class="fl price"><i>¥</i> 

 <em>{{entity.costPrice}}</em> 

 <span>原价：{{entity.price}}</span> 

</div>

介绍

[AppleScript] 纯文本查看 复制代码

<div class="intro-detail">{{entity.introduction}}</div>

剩余库存

[AppleScript] 纯文本查看 复制代码

剩余库存：{{entity.stockCount}}

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

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