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

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

品优购-秒杀详细页
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}} 


0 个回复

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