目标1:能够说出秒杀实现思路
目标2:实现秒杀频道首页功能
目标3:实现秒杀商品详细页功能
目标4:实现秒杀下单功能
目标5:实现秒杀支付功能
1. 秒杀业务分析
1. 需求分析
所谓“秒杀”,就是网络卖家发布一些超低价格的商品,所有买家在同一时间网上抢购的一种销售方式。通俗一点讲就是网络商家为促销等目的组织的网上限时抢购活动。由于商品价格低廉,往往一上架就被抢购一空,有时只用一秒钟。
秒杀商品通常有两种限制:库存限制、时间限制。
需求:
(1)商家提交秒杀商品申请,录入秒杀商品数据,主要包括:商品标题、原价、秒杀价、商品图片、介绍等信息
(2)运营商审核秒杀申请
(3)秒杀频道首页列出秒杀商品(进行中的)点击秒杀商品图片跳转到秒杀商品详细页。
(4)商品详细页显示秒杀商品信息,点击立即抢购实现秒杀下单,下单时扣减库存。当库存为0或不在活动期范围内时无法秒杀。
(5)秒杀下单成功,直接跳转到支付页面(微信扫码),支付成功,跳转到成功页,填写收货地址、电话、收件人等信息,完成订单。
(6)当用户秒杀下单5分钟内未支付,取消预订单,调用微信支付的关闭订单接口,恢复库存。
2. 数据库表分析
Tb_seckill_goods 秒杀商品表
Tb_seckill_order 秒杀订单表
3. 秒杀实现思路
秒杀技术实现核心思想是运用缓存减少数据库瞬间的访问压力!读取商品详细信息时运用缓存,当用户点击抢购时减少缓存中的库存数量,当库存数为0时或活动期结束时,同步到数据库。 产生的秒杀预订单也不会立刻写到数据库中,而是先写到缓存,当用户付款成功后再写入数据库。
4. 工程搭建与准备
- 工程模块搭建
(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.
- 代码生成
运用《黑马程序员代码生成器》生成代码,拷入工程
5. 秒杀商品后台管理(学员完成)
运营商系统web模块pinyougou-manager-web依赖 pinyougou-seckill-interface
商家系统web模块pinyougou-shop-web依赖pinyougou-seckill-interface
学员实现代码:
- 商家后台
(1)秒杀商品列表
(2)秒杀商品申请
(3)秒杀订单查询
- 运营商后台
(1)待审核秒杀商品列表
(2)秒杀商品审核
(3)秒杀订单查询
2. 品优购-秒杀频道首页
1 .需求分析
秒杀频道首页,显示正在秒杀的商品(已经开始,未结束的商品)
2. 后端代码
- 服务接口层
(1)修改pinyougou-seckill-interface的SeckillGoodsService.java
/**
* 返回当前正在参与秒杀的商品
* @return
*/
public List<TbSeckillGoods> findList();
- 服务实现层
修改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);
}
- 控制层
修改pinyougou-seckill-web的SeckillGoodsController.java
/**
* 当前秒杀的商品
* @return
*/
@RequestMapping("/findList")
public List<TbSeckillGoods> findList(){
return seckillGoodsService.findList();
}
3. 前端代码实现
- 服务层
在pinyougou-seckill-web创建 seckillGoodsService.js
//服务层
app.service('seckillGoodsService',function($http){
//读取列表数据绑定到表单中
this.findList=function(){
return $http.get('seckillGoods/findList.do');
}
});
- 控制层
在pinyougou-seckill-web创建seckillGoodsController.js
//控制层
app.controller('seckillGoodsController' ,function($scope,seckillGoodsService){
//读取列表数据绑定到表单中
$scope.findList=function(){
seckillGoodsService.findList().success(
function(response){
$scope.list=response;
}
);
}
});
- 页面
修改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>
4. 缓存处理
修改pinyougou-seckill-service的SeckillGoodsServiceImpl.java
@Autowired
private RedisTemplate redisTemplate;
//返回当前正在参与秒杀的商品
@Override
public List<TbSeckillGoods> findList() {
//1. 获取秒杀商品列表
List<TbSeckillGoods> seckillGoodsList = redisTemplate.boundHashOps("seckillGoods").values();
if(seckillGoodsList==null || seckillGoodsList.size()==0){
//2. 查询参加秒杀的商品
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);
//3. 将商品列表装入缓存
System.out.println("将秒杀商品列表装入缓存");
for(TbSeckillGoods seckillGoods:seckillGoodsList){
redisTemplate.boundHashOps("seckillGoods").put(seckillGoods.getId(), seckillGoods);
}
}
return seckillGoodsList;
}
3. 品优购-秒杀详细页
1. 需求分析
商品详细页显示秒杀商品信息。
2. 显示详细页信息
- 后端代码
修改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;
- 前端代码
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.秒杀倒计时效果
- ** $ 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的值
- 秒杀倒计时
修改seckillGoodsController.js ,实现
$scope.findOne=function(){
seckillGoodsService.findOne($location.search()['id']).success(
function(response){
$scope.entity= response;
-----------------------新增的秒杀的代码------------------------
//1. 计算总秒数(秒杀设置的时间 - 当前时间 = 倒计时的时间)
allsecond =Math.floor( ( new Date($scope.entity.endTime).getTime()- (new Date().getTime())) /1000);
//2. 倒计时的代码
time= $interval(function(){
if(second>0){
second =second-1;
//3. 调用转换时间字符串的方法(自己定义的在下面)
$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.品优购-秒杀下单
1. 需求分析
商品详细页点击立即抢购实现秒杀下单,下单时扣减库存。当库存为0或不在活动期范围内时无法秒杀。
2. 后端代码
- 服务接口层
修改pinyougou-seckill-interface的SeckillOrderService.java
/**
* 提交订单
* @param seckillId
* @param userId
*/
public void submitOrder(Long seckillId,String userId);
- 服务实现层
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);
}
- 控制层
修改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, "提交失败");
}
}
3. 前端代码
- 前端服务层
pinyougou-seckill-web的seckillGoodsService.js
//提交订单
this.submitOrder=function(seckillId){
return $http.get('seckillOrder/submitOrder.do?seckillId='+seckillId);
}
- 前端控制层
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);
}
}
);
}
- 页面
修改seckill-item.html
<a ng-click="submitOrder()" target="_blank" class="sui-btn btn-danger addshopcar">秒杀抢购</a>
5. 品优购-秒杀支付
1. 需求分析
用户成功下单后,跳转到支付页面。支付页显示微信支付二维码。用户完成支付后,保存订单到数据库。
2. 生成支付二维码
- 后端代码
(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);
}
(1)在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();
}
}
}
- 前端代码
将pinyougou-cart-web工程的payService.js payController.js pay.html qrious.min.js 拷贝到pinyougou-seckill-web工程 payController.js暂时注释对查询的调用。
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) {//用户id,订单id,微信返回的流水号
System.out.println("saveOrderFromRedisToDb:"+userId);
//1. 通过redis缓存根据用户ID查询日志
TbSeckillOrder seckillOrder = (TbSeckillOrder) redisTemplate.boundHashOps("seckillOrder").get(userId);
if(seckillOrder==null){
throw new RuntimeException("订单不存在");
}
//如果与传递过来的订单号不符
if(seckillOrder.getId().longValue()!=orderId.longValue()){
throw new RuntimeException("订单不相符");
}
//2. 把订单数据封装到数据库中
seckillOrder.setTransactionId(transactionId);//交易流水号
seckillOrder.setPayTime(new Date());//支付时间
seckillOrder.setStatus("1");//状态
seckillOrderMapper.insert(seckillOrder);//保存到数据库
//3. 删除redis缓存中的订单
redisTemplate.boundHashOps("seckillOrder").delete(userId);//从redis中清除
}
(3)修改pinyougou-seckill-web的PayController.java,增加查询的方法
/**
* 查询支付状态
* @param out_trade_no
* @return
*/
@RequestMapping("/queryPayStatus")
public Result queryPayStatus(String out_trade_no){
//1. 获取当前用户
String userId=SecurityContextHolder.getContext().getAuthentication().getName();
Result result=null;
int x=0;
while(true){
//2. 调用查询接口查询订单状态
Map<String,String> map = weixinPayService.queryPayStatus(out_trade_no);
//2.1 支付出错
if(map==null){//出错
result=new Result(false, "支付出错");
break;
}
//2.2 支付成功
if(map.get("trade_state").equals("SUCCESS")){//如果成功
result=new Result(true, "支付成功");
seckillOrderService.saveOrderFromRedisToDb(userId, Long.valueOf(out_trade_no), map.get("transaction_id"));////用户id,订单id,微信返回的流水号
break;
}
try {
Thread.sleep(3000);//间隔三秒
} catch (InterruptedException e) {
e.printStackTrace();
}
//3. 设置二维码的超时时间(支付失败)
x++;//设置超时时间为5分钟
if(x>100){
result=new Result(false, "二维码超时");
break;
}
}
return result;
}
- 前端代码
调用查询的方法,参见pinyougou-cart-web工程。
queryPayStatus(response.out_trade_no);//查询支付状态
4. 订单超时处理
当用户下单后5分钟尚未付款应该释放订单,增加库存
- 删除缓存中的订单
(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,订单id
//1. 根据用户ID查询日志
TbSeckillOrder seckillOrder = (TbSeckillOrder) redisTemplate.boundHashOps("seckillOrder").get(userId);
if(seckillOrder!=null && seckillOrder.getId().longValue()== orderId.longValue() ){//判断此用户在缓存中有订单记录,且缓存中存储的订单id和传进来的订单id是同一个
//2. 删除缓存中的订单
redisTemplate.boundHashOps("seckillOrder").delete(userId);
//3. 恢复库存
TbSeckillGoods seckillGoods=(TbSeckillGoods)redisTemplate.boundHashOps("seckillGoods").get(seckillOrder.getSeckillId());//从缓存中提取秒杀商品,通过没有支付的用户中的秒杀id(流水号)
if(seckillGoods!=null){//判断是否有取出
seckillGoods.setStockCount(seckillGoods.getStockCount()+1); //添加库存
redisTemplate.boundHashOps("seckillGoods").put(seckillOrder.getSeckillId(), seckillGoods);//存入缓存
}
}
}
- 关闭微信订单
(1)修改pinyougou-pay-interface 的WeixinPayService接口(注意这里的微信关闭链接与上面的不同,这里也需要和微信交互来关闭微信订单)
/**
* 关闭支付
* @param out_trade_no
* @return
*/
public Map closePay(String out_trade_no);
(2)修改pinyougou-pay-service的WeixinPayServiceImpl
@Override
public Map closePay(String out_trade_no) {//订单号
//1. 封装关闭订单必要的信息(具体可查看微信关闭订单的api)
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 {
//2. 发送关闭请求
String xmlParam = WXPayUtil.generateSignedXml(param, partnerkey);
HttpClient client=new HttpClient(url);
client.setHttps(true);
client.setXmlParam(xmlParam);
client.post();
String result = client.getContent();
//3. 获取微信的返回值
Map<String, String> map = WXPayUtil.xmlToMap(result);
System.out.println(map);
return map;
} catch (Exception e) {
e.printStackTrace();
return null;
}
}
- 修改pinyougou-seckill-web的PayController.java
/**
* 查询支付状态
* @param out_trade_no
* @return
*/
@RequestMapping("/queryPayStatus")
public Result queryPayStatus(String out_trade_no){
//1. 获取当前用户
String userId=SecurityContextHolder.getContext().getAuthentication().getName();
Result result=null;
int x=0;
while(true){
//2. 调用查询接口查询订单状态
//2.1 支付成功
//2.2 支付失败
........
try {
Thread.sleep(3000);//间隔三秒
} catch (InterruptedException e) {
e.printStackTrace();
}
//3. 设置二维码的超时时间(支付失败)
//不让循环无休止地运行定义变量,如果超过了这个值则退出循环,设置时间为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")) ){//判断返回结果如果不为success(意思为失败)
if("ORDERPAID".equals(payresult.get("err_code"))){//继续判断微信返回给我们的值当中err_code为ORDERPAID,则说明支付成功了(详情可看微信支付api)
result=new Result(true, "支付成功");
seckillOrderService.saveOrderFromRedisToDb(userId, Long.valueOf(out_trade_no), map.get("transaction_id"));//执行支付成功保存订单方法(用户id,订单id,微信返回的流水号)
}
}
//如果返回结果为false
if(result.isSuccess()==false){
System.out.println("超时,取消订单");
//2.调用删除
seckillOrderService.deleteOrderFromRedis(userId, Long.valueOf(out_trade_no));
}
break;
}
}
return result;
}
- 前端代码
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";
}
}
}
);
}