品优购首页html_品优购电商系统开发 第19章 秒杀解决方案

课程目标

目标1:能够说出秒杀实现思路

目标2:实现秒杀频道首页功能

目标3:实现秒杀商品详细页功能

目标4:实现秒杀下单功能

目标5:实现秒杀支付功能

1.秒杀业务分析

1.1需求分析

所谓“秒杀”,就是网络卖家发布一些超低价格的商品,所有买家在同一时间网上抢购的一种销售方式。通俗一点讲就是网络商家为促销等目的组织的网上限时抢购活动。由于商品价格低廉,往往一上架就被抢购一空,有时只用一秒钟。

秒杀商品通常有两种限制:库存限制、时间限制。

需求:

(1)商家提交秒杀商品申请,录入秒杀商品数据,主要包括:商品标题、原价、秒杀价、商品图片、介绍等信息

(2)运营商审核秒杀申请

(3)秒杀频道首页列出秒杀商品(进行中的)点击秒杀商品图片跳转到秒杀商品详细页。

(4)商品详细页显示秒杀商品信息,点击立即抢购实现秒杀下单,下单时扣减库存。当库存为0或不在活动期范围内时无法秒杀。

(5)秒杀下单成功,直接跳转到支付页面(微信扫码),支付成功,跳转到成功页,填写收货地址、电话、收件人等信息,完成订单。

(6)当用户秒杀下单5分钟内未支付,取消预订单,调用微信支付的关闭订单接口,恢复库存。

1.2数据库表分析

Tb_seckill_goods 秒杀商品表

7480f69bc007c0c37db2fff1daa39981.png

Tb_seckill_order 秒杀订单表

03a70168e996837b16c063d94ae0c23d.png

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代码生成

运用《黑马程序员代码生成器》生成代码,拷入工程

8fb7c466daf25d8cec9b9b5e1d512254.png
27670211501098f29270f44f1306d0a1.png
f626cc59e081a16a3bb4242aaf29fca5.png

1.5秒杀商品后台管理(学员完成)

运营商系统web模块pinyougou-manager-web依赖 pinyougou-seckill-interface

商家系统web模块pinyougou-shop-web依赖pinyougou-seckill-interface

学员实现代码:

1.5.1商家后台

(1)秒杀商品列表

(2)秒杀商品申请

(3)秒杀订单查询

1.5.2运营商后台

(1)待审核秒杀商品列表

(2)秒杀商品审核

(3)秒杀订单查询

2.品优购-秒杀频道首页

2.1需求分析

秒杀频道首页,显示正在秒杀的商品(已经开始,未结束的商品)

2.2后端代码

2.2.1服务接口层

(1)修改pinyougou-seckill-interface的SeckillGoodsService.java

/** * 返回当前正在参与秒杀的商品 * @return */public List findList();

2.2.2服务实现层

修改pinyougou-seckill-service的SeckillGoodsServiceImpl.java

@Overridepublic List findList() {TbSeckillGoodsExample example=new TbSeckillGoodsExample();Criteria criteria = example.createCriteria();criteria.andStatusEqualTo("1");//审核通过criteria.andStockCountGreaterThan(0);//剩余库存大于0criteria.andStartTimeLessThanOrEqualTo(new Date());//开始时间小于等于当前时间criteria.andEndTimeGreaterThan(new Date());//结束时间大于当前时间return seckillGoodsMapper.selectByExample(example);}

2.2.3控制层

修改pinyougou-seckill-web的SeckillGoodsController.java

/** * 当前秒杀的商品 * @return */@RequestMapping("/findList")public List 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

 

指令

循环列表的实现

{{pojo.title}}
¥{{pojo.costPrice}} ¥{{pojo.price}}
已售{{ ((pojo.num-pojo.stockCount)/pojo.num*100).toFixed(0) }}%
剩余 {{pojo.stockCount}}
立即抢购

2.4缓存处理

修改pinyougou-seckill-service的SeckillGoodsServiceImpl.ja

@Autowiredprivate RedisTemplate redisTemplate;@Overridepublic List findList() {//获取秒杀商品列表List 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);//剩余库存大于0criteria.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

@Overridepublic 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

 

指令

用表达式显示标题

{{entity.title}}

图片

价格

¥{{entity.costPrice}}原价:{{entity.price}}

介绍

{{entity.introduction}}

剩余库存

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

3.3秒杀倒计时效果

**3.3.1 interval服务简介** 在AngularJS中

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:33convertTimeString=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的值

 距离结束:{{timeString}}

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实现方法

@Autowiredprivate RedisTemplate redisTemplate;@Autowiredprivate IdWorker idWorker;@Overridepublic 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);//设置用户IDseckillOrder.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

秒杀抢购

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

@Overridepublic 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 {@Referenceprivate WeixinPayService weixinPayService;@Referenceprivate 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()+
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值