课程目标
目标1:能够说出秒杀实现思路
目标2:实现秒杀频道首页功能
目标3:实现秒杀商品详细页功能
目标4:实现秒杀下单功能
目标5:实现秒杀支付功能
1.秒杀业务分析
1.1需求分析
所谓“秒杀”,就是网络卖家发布一些超低价格的商品,所有买家在同一时间网上抢购的一种销售方式。通俗一点讲就是网络商家为促销等目的组织的网上限时抢购活动。由于商品价格低廉,往往一上架就被抢购一空,有时只用一秒钟。
秒杀商品通常有两种限制:库存限制、时间限制。
需求:
- 商家提交秒杀商品申请,录入秒杀商品数据,主要包括:商品标题、原价、秒杀价、商品图片、介绍等信息
- 运营商审核秒杀申请
- 秒杀频道首页列出秒杀商品(进行中的)点击秒杀商品图片跳转到秒杀商品详细页。
- 商品详细页显示秒杀商品信息,点击立即抢购实现秒杀下单,下单时扣减库存。当库存为0或不在活动期范围内时无法秒杀。
- 秒杀下单成功,直接跳转到支付页面(微信扫码),支付成功,跳转到成功页,填写收货地址、电话、收件人等信息,完成订单。
- 当用户秒杀下单5分钟内未支付,取消预订单,调用微信支付的关闭订单接口,恢复库存。
1.2数据库表分析
Tb_seckill_goods 秒杀商品表
Tb_seckill_order 秒杀订单表
1.3秒杀实现思路
秒杀技术实现核心思想是运用缓存减少数据库瞬间的访问压力!读取商品详细信息时运用缓存,当用户点击抢购时减少缓存中的库存数量,当库存数为0时或活动期结束时,同步到数据库。 产生的秒杀预订单也不会立刻写到数据库中,而是先写到缓存,当用户付款成功后再写入数据库。
1.4工程搭建与准备
1.4.1工程模块搭建
(1)创建秒杀服务接口模块 pinyougou-seckill-interface ,依赖pinyougou-pojo
(2)创建秒杀服务模块pinyougou-seckill-service (war),pom.xml引入依赖参见其它服务工程,依赖 pinyougou-seckill-interface , Tomcat7插件运行端口为9009。添加web.xml、 spring 配置文件参见其它服务工程, dubbox的端口为20889。
(3)创建秒杀频道web模块 pinyougou-seckill-web(war) pom.xml引入依赖参见cart_web工程(需添加单点登录和权限控制),依赖 pinyougou-seckill-interface ,Tomcat7插件运行端口为9109 添加web.xml、 spring 配置文件参见cart_web工程。
将秒杀相关的页面及资源拷贝到此模块。添加angularJS.
1.4.2代码生成
运用《黑马程序员代码生成器》生成代码,拷入工程
1.5秒杀商品后台管理(学员完成)
运营商系统web模块pinyougou-manager-web依赖 pinyougou-seckill-interface
商家系统web模块pinyougou-shop-web依赖pinyougou-seckill-interface
学员实现代码:
1.5.1商家后台
- 秒杀商品列表
- 秒杀商品申请
- 秒杀订单查询
1.5.2运营商后台
- 待审核秒杀商品列表
- 秒杀商品审核
(3)秒杀订单查询
2.品优购-秒杀频道首页
2.1需求分析
秒杀频道首页,显示正在秒杀的商品(已经开始,未结束的商品)
2.2后端代码
2.2.1服务接口层
(1)修改pinyougou-seckill-interface的SeckillGoodsService.java
/** * 返回当前正在参与秒杀的商品 * @return */ public List<TbSeckillGoods> findList(); |
2.2.2服务实现层
修改pinyougou-seckill-service的SeckillGoodsServiceImpl.java
@Override public List<TbSeckillGoods> findList() { TbSeckillGoodsExample example=new TbSeckillGoodsExample(); Criteria criteria = example.createCriteria(); criteria.andStatusEqualTo("1");//审核通过 criteria.andStockCountGreaterThan(0);//剩余库存大于0 criteria.andStartTimeLessThanOrEqualTo(new Date());//开始时间小于等于当前时间 criteria.andEndTimeGreaterThan(new Date());//结束时间大于当前时间 return seckillGoodsMapper.selectByExample(example); } |
2.2.3控制层
修改pinyougou-seckill-web的SeckillGoodsController.java
/** * 当前秒杀的商品 * @return */ @RequestMapping("/findList") public List<TbSeckillGoods> findList(){ return seckillGoodsService.findList(); } |
2.3前端代码实现
2.3.1服务层
在pinyougou-seckill-web创建 seckillGoodsService.js
//服务层 app.service('seckillGoodsService',function($http){ //读取列表数据绑定到表单中 this.findList=function(){ return $http.get('seckillGoods/findList.do'); } }); |
2.3.2控制层
在pinyougou-seckill-web创建seckillGoodsController.js
//控制层 app.controller('seckillGoodsController' ,function($scope,seckillGoodsService){ //读取列表数据绑定到表单中 $scope.findList=function(){ seckillGoodsService.findList().success( function(response){ $scope.list=response; } ); } }); |
2.3.3页面
修改seckill-index.html,引入js
<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> |
指令
<body ng-app="pinyougou" ng-controller="seckillGoodsController" ng-init="findList()"> |
循环列表的实现
<li class="seckill-item" ng-repeat="pojo in list"> <div class="pic"> <img src="{{pojo.smallPic}}" width="290px" height="290px" alt=''> </div> <div class="intro"><span>{{pojo.title}}</span></div> <div class='price'><b class='sec-price'>¥{{pojo.costPrice}}</b><b class='ever-price'>¥{{pojo.price}}</b></div> <div class='num'> <div>已售{{ ((pojo.num-pojo.stockCount)/pojo.num*100).toFixed(0) }}%</div> <div class='progress'> <div class='sui-progress progress-danger'><span style='width: {{ ((pojo.num-pojo.stockCount)/pojo.num*100).toFixed(0) }}%;' class='bar'></span></div> </div> <div>剩余<b class='owned'>{{pojo.stockCount}}</b>件</div> </div> <a class='sui-btn btn-block btn-buy' href='seckill-item.html#?id={{pojo.id}}' target='_blank'>立即抢购</a> </li> |
2.4缓存处理
修改pinyougou-seckill-service的SeckillGoodsServiceImpl.java
@Autowired private RedisTemplate redisTemplate;
@Override public List<TbSeckillGoods> findList() { //获取秒杀商品列表 List<TbSeckillGoods> seckillGoodsList = redisTemplate.boundHashOps("seckillGoods").values(); if(seckillGoodsList==null || seckillGoodsList.size()==0){ TbSeckillGoodsExample example=new TbSeckillGoodsExample(); Criteria criteria = example.createCriteria(); criteria.andStatusEqualTo("1");//审核通过 criteria.andStockCountGreaterThan(0);//剩余库存大于0 criteria.andStartTimeLessThanOrEqualTo(new Date());//开始时间小于等于当前时间 criteria.andEndTimeGreaterThan(new Date());//结束时间大于当前时间 seckillGoodsList= seckillGoodsMapper.selectByExample(example); //将商品列表装入缓存 System.out.println("将秒杀商品列表装入缓存"); for(TbSeckillGoods seckillGoods:seckillGoodsList){ redisTemplate.boundHashOps("seckillGoods").put(seckillGoods.getId(), seckillGoods); } } return seckillGoodsList; } |
3.品优购-秒杀详细页
3.1需求分析
商品详细页显示秒杀商品信息。
3.2显示详细页信息
3.2.1后端代码
修改pinyougou-seckill-interface的SeckillGoodsService
/** * 根据ID获取实体(从缓存中读取) */ public TbSeckillGoods findOneFromRedis(Long id); |
修改pinyougou-seckill-service的SeckillGoodsServiceImpl.java
@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); } |
增加超时时间设置
@Reference(timeout=10000) private SeckillGoodsService seckillGoodsService; |
3.2.2前端代码
pinyougou-seckill-web 的seckillGoodsService.js
this.findOne=function(id){ return $http.get('seckillGoods/findOneFromRedis.do?id='+id); } |
pinyougou-seckill-web 的seckillGoodsController.js ,引入$location服务
//查询实体 $scope.findOne=function(){ seckillGoodsService.findOne($location.search()['id']).success( function(response){ $scope.entity= response; } ); } |
修改seckill-item.html ,引入js
<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> |
指令
<body ng-app="pinyougou" ng-controller="seckillGoodsController" ng-init="findOne()"> |
用表达式显示标题
<h4>{{entity.title}}</h4> |
图片
<span class="jqzoom"><img jqimg="{{entity.smallPic}}" src="{{entity.smallPic}}" width="400px" height="400px" /></span> |
价格
<div class="fl price"><i>¥</i> <em>{{entity.costPrice}}</em> <span>原价:{{entity.price}}</span> </div> |
介绍
<div class="intro-detail">{{entity.introduction}}</div> |
剩余库存
剩余库存:{{entity.stockCount}} |
3.3秒杀倒计时效果
3.3.1 $interval服务简介
在AngularJS中$interval服务用来处理间歇性处理一些事情
格式为:
$interval(执行的函数,间隔的毫秒数,运行次数); |
运行次数可以缺省,如果缺省则无限循环执行
取消执行用cancel方法
$interval.cancel(time); |
我先现在先做一个简单的例子:10秒倒计时 ,首先引入$interval , 控制层编写代码如下:
$scope.second = 10; time= $interval(function(){ if($scope.second>0){ $scope.second =$scope.second-1; }else{ $interval.cancel(time); alert("秒杀服务已结束"); } },1000); |
页面用表达式显示$scope.second的值
3.3.2秒杀倒计时
修改seckillGoodsController.js ,实现
$scope.findOne=function(){ seckillGoodsService.findOne($location.search()['id']).success( function(response){ $scope.entity= response; allsecond =Math.floor( ( new Date($scope.entity.endTime).getTime()- (new Date().getTime())) /1000); //总秒数 time= $interval(function(){ if(second>0){ second =second-1; $scope.timeString=convertTimeString(allsecond);//转换时间字符串 }else{ $interval.cancel(time); alert("秒杀服务已结束"); } },1000); } ); }
//转换秒为 天小时分钟秒格式 XXX天 10:22:33 convertTimeString=function(allsecond){ var days= Math.floor( allsecond/(60*60*24));//天数 var hours= Math.floor( (allsecond-days*60*60*24)/(60*60) );//小数数 var minutes= Math.floor( (allsecond -days*60*60*24 - hours*60*60)/60 );//分钟数 var seconds= allsecond -days*60*60*24 - hours*60*60 -minutes*60; //秒数 var timeString=""; if(days>0){ timeString=days+"天 "; } return timeString+hours+":"+minutes+":"+seconds; } |
修改页面seckill-item.html ,显示time的值
<span class="overtime"> 距离结束:{{timeString}}</span> |
4.品优购-秒杀下单
4.1需求分析
商品详细页点击立即抢购实现秒杀下单,下单时扣减库存。当库存为0或不在活动期范围内时无法秒杀。
4.2后端代码
4.2.1服务接口层
修改pinyougou-seckill-interface的SeckillOrderService.java
/** * 提交订单 * @param seckillId * @param userId */ public void submitOrder(Long seckillId,String userId); |
4.4.2服务实现层
Spring配置文件配置IdWorker
pinyougou-seckill-service的SeckillOrderServiceImpl.java实现方法
@Autowired private RedisTemplate redisTemplate;
@Autowired private IdWorker idWorker;
@Override public void submitOrder(Long seckillId, String userId) { //从缓存中查询秒杀商品 TbSeckillGoods seckillGoods =(TbSeckillGoods) redisTemplate.boundHashOps("seckillGoods").get(seckillId); if(seckillGoods==null){ throw new RuntimeException("商品不存在"); } if(seckillGoods.getStockCount()<=0){ throw new RuntimeException("商品已抢购一空"); } //扣减(redis)库存 seckillGoods.setStockCount(seckillGoods.getStockCount()-1); redisTemplate.boundHashOps("seckillGoods").put(seckillId, seckillGoods);//放回缓存 if(seckillGoods.getStockCount()==0){//如果已经被秒光 seckillGoodsMapper.updateByPrimaryKey(seckillGoods);//同步到数据库 redisTemplate.boundHashOps("seckillGoods").delete(seckillId); } //保存(redis)订单 long orderId = idWorker.nextId(); TbSeckillOrder seckillOrder=new TbSeckillOrder(); seckillOrder.setId(orderId); seckillOrder.setCreateTime(new Date()); seckillOrder.setMoney(seckillGoods.getCostPrice());//秒杀价格 seckillOrder.setSeckillId(seckillId); seckillOrder.setSellerId(seckillGoods.getSellerId()); seckillOrder.setUserId(userId);//设置用户ID seckillOrder.setStatus("0");//状态 redisTemplate.boundHashOps("seckillOrder").put(userId, seckillOrder); } |
4.4.3控制层
修改pinyougou-seckill-web的SeckillOrderController.java
@RequestMapping("/submitOrder") public Result submitOrder(Long seckillId){ String userId = SecurityContextHolder.getContext().getAuthentication().getName(); if("anonymousUser".equals(userId)){//如果未登录 return new Result(false, "用户未登录"); } try { seckillOrderService.submitOrder(seckillId, userId); return new Result(true, "提交成功"); }catch (RuntimeException e) { e.printStackTrace(); return new Result(false, e.getMessage()); } catch (Exception e) { e.printStackTrace(); return new Result(false, "提交失败"); } } |
4.3前端代码
4.3.1前端服务层
pinyougou-seckill-web的seckillGoodsService.js
//提交订单 this.submitOrder=function(seckillId){ return $http.get('seckillOrder/submitOrder.do?seckillId='+seckillId); } |
4.3.2前端控制层
pinyougou-seckill-web的seckillGoodsController.js
//提交订单 $scope.submitOrder=function(){ seckillGoodsService.submitOrder($scope.entity.id).success( function(response){ if(response.success){ alert("下单成功,请在1分钟内完成支付"); location.href="pay.html"; }else{ alert(response.message); } } ); } |
4.3.3页面
修改seckill-item.html
<a ng-click="submitOrder()" target="_blank" class="sui-btn btn-danger addshopcar">秒杀抢购</a> |
5.品优购-秒杀支付
5.1需求分析
用户成功下单后,跳转到支付页面。支付页显示微信支付二维码。用户完成支付后,保存订单到数据库。
5.2生成支付二维码
5.2.1后端代码
(1)pinyougou-seckill-web工程引入pinyougou-pay-interface依赖
(2)修改pinyougou-seckill-interface的SeckillOrderService.java
/** * 根据用户名查询秒杀订单 * @param userId */ public TbSeckillOrder searchOrderFromRedisByUserId(String userId); |
(3)修改pinyougou-seckill-service的SeckillOrderServiceImpl.java
@Override public TbSeckillOrder searchOrderFromRedisByUserId(String userId) { return (TbSeckillOrder) redisTemplate.boundHashOps("seckillOrder").get(userId); } |
- 在pinyougou-seckill-web新建PayController.java
/** * 支付控制层 * @author Administrator * */ @RestController @RequestMapping("/pay") public class PayController {
@Reference private WeixinPayService weixinPayService;
@Reference private SeckillOrderService seckillOrderService; /** * 生成二维码 * @return */ @RequestMapping("/createNative") public Map createNative(){ //获取当前用户 String userId=SecurityContextHolder.getContext().getAuthentication().getName(); //到redis查询秒杀订单 TbSeckillOrder seckillOrder = seckillOrderService.searchOrderFromRedisByUserId(userId); //判断秒杀订单存在 if(seckillOrder!=null){ long fen= (long)(seckillOrder.getMoney().doubleValue()*100);//金额(分) return weixinPayService.createNative(seckillOrder.getId()+"",+fen+""); }else{ return new HashMap(); } } } |
5.2.2前端代码
将pinyougou-cart-web工程的payService.js payController.js pay.html qrious.min.js 拷贝到pinyougou-seckill-web工程 payController.js暂时注释对查询的调用。
5.3支付成功保存订单
5.3.1后端代码
- 修改pinyougou-seckill-interface的SeckillOrderService.java,定义方法
/** * 支付成功保存订单 * @param userId * @param orderId */ public void saveOrderFromRedisToDb(String userId,Long orderId,String transactionId); |
(2)在pinyougou-seckill-service的SeckillOrderServiceImpl.java实现该方法
@Override public void saveOrderFromRedisToDb(String userId, Long orderId, String transactionId) { System.out.println("saveOrderFromRedisToDb:"+userId); //根据用户ID查询日志 TbSeckillOrder seckillOrder = (TbSeckillOrder) redisTemplate.boundHashOps("seckillOrder").get(userId); if(seckillOrder==null){ throw new RuntimeException("订单不存在"); } //如果与传递过来的订单号不符 if(seckillOrder.getId().longValue()!=orderId.longValue()){ throw new RuntimeException("订单不相符"); } seckillOrder.setTransactionId(transactionId);//交易流水号 seckillOrder.setPayTime(new Date());//支付时间 seckillOrder.setStatus("1");//状态 seckillOrderMapper.insert(seckillOrder);//保存到数据库 redisTemplate.boundHashOps("seckillOrder").delete(userId);//从redis中清除 } |
- 修改pinyougou-seckill-web的PayController.java,增加查询的方法
/** * 查询支付状态 * @param out_trade_no * @return */ @RequestMapping("/queryPayStatus") public Result queryPayStatus(String out_trade_no){ //获取当前用户 String userId=SecurityContextHolder.getContext().getAuthentication().getName(); Result result=null; int x=0; while(true){ //调用查询接口 Map<String,String> map = weixinPayService.queryPayStatus(out_trade_no); if(map==null){//出错 result=new Result(false, "支付出错"); break; } if(map.get("trade_state").equals("SUCCESS")){//如果成功 result=new Result(true, "支付成功"); seckillOrderService.saveOrderFromRedisToDb(userId, Long.valueOf(out_trade_no), map.get("transaction_id")); break; } try { Thread.sleep(3000);//间隔三秒 } catch (InterruptedException e) { e.printStackTrace(); } x++;//设置超时时间为5分钟 if(x>100){ result=new Result(false, "二维码超时"); break; } } return result; } |
5.3.2前端代码
调用查询的方法,参见pinyougou-cart-web工程。
queryPayStatus(response.out_trade_no);//查询支付状态 |
5.4订单超时处理
当用户下单后5分钟尚未付款应该释放订单,增加库存
5.4.1删除缓存中的订单
(1)修改pinyougou-seckill-interface的SeckillOrderService.java
/** * 从缓存中删除订单 * @param userId * @param orderId */ public void deleteOrderFromRedis(String userId,Long orderId); |
(2)修改pinyougou-seckill-service的SeckillOrderServiceImpl.java
@Override public void deleteOrderFromRedis(String userId, Long orderId) { //根据用户ID查询日志 TbSeckillOrder seckillOrder = (TbSeckillOrder) redisTemplate.boundHashOps("seckillOrder").get(userId); if(seckillOrder!=null && seckillOrder.getId().longValue()== orderId.longValue() ){ redisTemplate.boundHashOps("seckillOrder").delete(userId);//删除缓存中的订单 //恢复库存 //1.从缓存中提取秒杀商品 TbSeckillGoods seckillGoods=(TbSeckillGoods)redisTemplate.boundHashOps("seckillGoods").get(seckillOrder.getSeckillId()); if(seckillGoods!=null){ seckillGoods.setStockCount(seckillGoods.getStockCount()+1); redisTemplate.boundHashOps("seckillGoods").put(seckillOrder.getSeckillId(), seckillGoods);//存入缓存 } } } |
5.4.2关闭微信订单
(1)修改pinyougou-pay-interface 的WeixinPayService接口
/** * 关闭支付 * @param out_trade_no * @return */ public Map closePay(String out_trade_no); |
- 修改pinyougou-pay-service的WeixinPayServiceImpl
@Override public Map closePay(String out_trade_no) { Map param=new HashMap(); param.put("appid", appid);//公众账号ID param.put("mch_id", partner);//商户号 param.put("out_trade_no", out_trade_no);//订单号 param.put("nonce_str", WXPayUtil.generateNonceStr());//随机字符串 String url="https://api.mch.weixin.qq.com/pay/closeorder"; try { String xmlParam = WXPayUtil.generateSignedXml(param, partnerkey); HttpClient client=new HttpClient(url); client.setHttps(true); client.setXmlParam(xmlParam); client.post(); String result = client.getContent(); Map<String, String> map = WXPayUtil.xmlToMap(result); System.out.println(map); return map; } catch (Exception e) { e.printStackTrace(); return null; } } |
5.4.3超时调用服务
修改pinyougou-seckill-web的PayController.java
/** * 查询支付状态 * @param out_trade_no * @return */ @RequestMapping("/queryPayStatus") public Result queryPayStatus(String out_trade_no){ //获取当前用户 String userId=SecurityContextHolder.getContext().getAuthentication().getName(); Result result=null; int x=0; while(true){ ........ try { Thread.sleep(3000);//间隔三秒 } catch (InterruptedException e) { e.printStackTrace(); } //不让循环无休止地运行定义变量,如果超过了这个值则退出循环,设置时间为1分钟 x++; if(x>20){ result=new Result(false, "二维码超时"); //1.调用微信的关闭订单接口(学员实现) Map<String,String> payresult = weixinPayService.closePay(out_trade_no); if( !"SUCCESS".equals(payresult.get("result_code")) ){//如果返回结果是正常关闭 if("ORDERPAID".equals(payresult.get("err_code"))){ result=new Result(true, "支付成功"); seckillOrderService.saveOrderFromRedisToDb(userId, Long.valueOf(out_trade_no), map.get("transaction_id")); } } if(result.isSuccess()==false){ System.out.println("超时,取消订单"); //2.调用删除 seckillOrderService.deleteOrderFromRedis(userId, Long.valueOf(out_trade_no)); } break; } } return result; } |
5.4.3前端代码
pinyougou-seckill-web的payController.js
//查询支付状态 queryPayStatus=function(out_trade_no){ payService.queryPayStatus(out_trade_no).success( function(response){ if(response.success){ location.href="paysuccess.html#?money="+$scope.money; }else{ if(response.message=='二维码超时'){ location.href="payTimeOut.html"; }else{ location.href="payfail.html"; } } } ); } |