-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
3 changed files
with
235 additions
and
3 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,172 @@ | ||
| /** | ||
| * Created by tangke on 2018/8/6. | ||
| */ | ||
| //存放主要交互逻辑js代码 | ||
| //javascript 模块化 | ||
|
|
||
|
|
||
| var seckill = { | ||
| //封装秒杀相关ajax地址 | ||
| URL : { | ||
| now : function () { | ||
| return '/seckill/time/now'; | ||
| }, | ||
| exposer : function (seckillId) { | ||
| return '/seckill/'+seckillId+'/exposer'; | ||
| }, | ||
| execution : function (seckillId,md5) { | ||
| return '/seckill/' + seckillId + '/' + md5 + '/execution'; | ||
| } | ||
|
|
||
| }, | ||
| handleSeckill : function (seckillId,node) { | ||
| //处理秒杀逻辑 | ||
| //获取秒杀地址，控制显示逻辑，执行秒杀 | ||
| node.hide() | ||
| .html('<button class="btn btn-primary btn-lg" id="killBtn">开始秒杀</button>') | ||
| $.post(seckill.URL.exposer(seckillId),{},function (result) { | ||
| //在回调函数中，执行交互流程 | ||
| if(result && result['success']){ | ||
| var exposer = result['data']; | ||
| if(exposer['exposed']){ | ||
| //开启秒杀 | ||
| //获取秒杀地址 | ||
| var md5 = exposer['md5']; | ||
| var killUrl = seckill.URL.execution(seckillId,md5); | ||
|
|
||
| $('#killBtn').one('click',function () { | ||
| //执行秒杀 | ||
| //1、禁用按钮 | ||
| $(this).addClass('disabled'); | ||
| //2、发送秒杀请求 | ||
| $.post(killUrl,{},function (result) { | ||
| if(result && result['success']){ | ||
| var killResult = result['data']; | ||
| var state = killResult['state']; | ||
| var stateInfo = killResult['stateInfo']; | ||
| //显示秒杀结果 | ||
| node.html('<span class="label label-success">' + stateInfo + '</span>'); | ||
| } | ||
|
|
||
| }); | ||
|
|
||
|
|
||
| }); | ||
| node.show(); | ||
|
|
||
| }else{ | ||
| //未开启秒杀 | ||
| var now = exposer['now']; | ||
| var start = exposer['start']; | ||
| var end = exposer['end']; | ||
| //重新计算计时逻辑 | ||
| seckill.countdown(seckillId,now,start,end); | ||
| } | ||
|
|
||
| }else { | ||
| console.log('result:'+result); | ||
|
|
||
|
|
||
| } | ||
|
|
||
| }) | ||
|
|
||
| }, | ||
| validatePhone : function (phone) { | ||
| if(phone && phone.length == 11 && !isNaN(phone)){ | ||
| return true; | ||
| }else{ | ||
| return false; | ||
| } | ||
| }, | ||
| countdown:function (seckillId,nowTime,startTime,endTime) { | ||
| var seckillBox = $('#seckill-box'); | ||
| //时间判断 | ||
| if(nowTime > endTime){ | ||
| //秒杀结束 | ||
| seckillBox.html('秒杀结束'); | ||
| }else if(nowTime < startTime){ | ||
| //秒杀未开始，计时事件绑定 | ||
| var killTime = new Date(startTime + 1000); | ||
| seckillBox.countdown(killTime,function (event) { | ||
| //时间格式 | ||
| var format = event.strftime('秒杀倒计时: %D天 %H时 %M分 %S秒'); | ||
| seckillBox.html(format); | ||
| }).on('finish.countdown',function () { | ||
| //时间完成后回调事件 | ||
| //获取秒杀地址，控制显示逻辑，执行秒杀 | ||
| seckill.handleSeckill(seckillId,seckillBox); | ||
|
|
||
| }); | ||
|
|
||
| }else{ | ||
| //秒杀开始 | ||
| seckill.handleSeckill(seckillId,seckillBox); | ||
|
|
||
| } | ||
| } | ||
|
|
||
| , | ||
| //详情页秒杀逻辑 | ||
| detail:{ | ||
| //详情页初始化 | ||
| init:function (params) { | ||
| //手机验证和登录,计时交互 | ||
| //规划我们的交互流程 | ||
| //在cookie中查找手机号 | ||
| var killPhone = $.cookie('killPhone'); | ||
|
|
||
| //验证手机号 | ||
| //控制输出 | ||
| if(!seckill.validatePhone(killPhone)){ | ||
| //绑定手机号 | ||
| var killPhoneModal = $('#killPhoneModal'); | ||
| killPhoneModal.modal({ | ||
| show : true,//显示弹出层 | ||
| backdrop:'static',//禁止位置关闭 | ||
| keyboard:false//关闭键盘事件 | ||
|
|
||
| }); | ||
| $('#killPhoneBtn').click(function () { | ||
| var inputPhone = $('#killPhoneKey').val(); | ||
| if(seckill.validatePhone(inputPhone)){ | ||
| //电话写入cookie | ||
| $.cookie('killPhone',inputPhone,{expires:7,path:'/seckill'}); | ||
| //刷新页面 | ||
| window.location.reload(); | ||
| }else{ | ||
| $('#killPhoneMessage').hide() | ||
| .html('<label class="label label-danger">手机号错误!</label>') | ||
| .show(300); | ||
| } | ||
|
|
||
| }); | ||
|
|
||
|
|
||
| } | ||
|
|
||
| var startTime = params['startTime']; | ||
| var endTime = params['endTime']; | ||
| var seckillId = params['seckillId']; | ||
| //已经登录 | ||
| //计时交互 | ||
| $.get(seckill.URL.now(),{},function (result) { | ||
| if(result && result['success']){ | ||
| var nowTime = result['data']; | ||
| //时间判断 | ||
| seckill.countdown(seckillId,nowTime,startTime,endTime); | ||
|
|
||
|
|
||
| }else{ | ||
| console.log('result:'+result); | ||
|
|
||
| } | ||
|
|
||
| }) | ||
|
|
||
|
|
||
| } | ||
|
|
||
| } | ||
|
|
||
| } |