首页 » 网站建设 » php实现抽奖法式技巧_若何实现微信小轨范的轮盘抽奖功能

php实现抽奖法式技巧_若何实现微信小轨范的轮盘抽奖功能

访客 2024-11-05 0

扫一扫用手机浏览

文章目录 [+]

上面展示的便是轮盘抽奖,一共有六个奖项,个中一个是“不中奖”的,别的五个均能得到奖品,奖品的标题、奖品类型(实物或积分)、中奖概率,每次抽奖须要多少积分等都可以在后台设置,如下图所示:

每次抽奖时扣除积分,奖品类型有实物和积分,如果是积分,直接增加用户账号的积分,这个比较大略,如果是实物,则要天生一个关联商品的礼品订单。
中奖率:是指全体抽奖的分为1万份,以是最低的中奖率可以设置成0.01%(当然如果不想用户抽到某个奖项,可以设置成0%,这样用户就永久不可能抽到),后台的接口利用的PHP措辞,打算中奖率的代码如下图:

php实现抽奖法式技巧_若何实现微信小轨范的轮盘抽奖功能

个中$i=rand(1,10000);即从1到10000随机一个数。
winning_odds是指某个奖项的中奖数值,例如中奖率是10%,则在winning_odds的值为1000.特殊提一下,不中奖的概率是由100%-其他五个奖项的概率而自动天生的。
所往后台修正某个奖项的概率的时候,须要更新不中奖的概率。
小程序JS方面:Page({ //奖品配置 awardsConfig: { btnDisabled: ‘’,//是否许可点击抽奖 awards: [ { 'index': 0, 'name': '300积分' }, { 'index': 1, 'name': '某商品' }, { 'index': 2, 'name': '1000积分' }, { 'index': 3, 'name': '100积分' }, { 'index': 4, 'name': '不中奖' }, { 'index': 5, 'name': '某实物' } ] }, onReady: function (e) { this.drawAwardRoundel(); },//画抽奖圆盘 drawAwardRoundel: function () { var awards = this.awardsConfig.awards; var awardsList = []; var turnNum = 1 / awards.length; // 笔墨旋转 turn 值 // 奖项列表 for (var i = 0; i < awards.length; i++) { awardsList.push({ turn: i turnNum + 'turn', lineTurn: i turnNum + turnNum / 2 + 'turn', award: awards[i].name }); } this.setData({ btnDisabled: this.awardsConfig.chance ? '' : 'disabled', awardsList: awardsList }); }, //发起抽奖 playReward: function () { //中奖index var awardIndex = 2; var runNum = 8;//旋转8周 var duration = 4000;//时长 // 旋转角度 this.runDeg = this.runDeg || 0; this.runDeg = this.runDeg + (360 - this.runDeg % 360) + (360 runNum - awardIndex (360 / 6)) //创建动画 var animationRun = wx.createAnimation({ duration: duration, timingFunction: 'ease' }) animationRun.rotate(this.runDeg).step(); this.setData({ animationData: animationRun.export(), btnDisabled: 'disabled' }); // 中奖提示 var awardsConfig = this.awardsConfig; setTimeout(function () { wx.showModal({ title: '恭喜', content: '得到' + (awardsConfig.awards[awardIndex].name), showCancel: false }); this.setData({ btnDisabled: '' }); }.bind(this), duration); }})小程序的wxml代码如下图:

php实现抽奖法式技巧_若何实现微信小轨范的轮盘抽奖功能
(图片来自网络侵删)

我们这里就不详细讲如何调用API接口,如何判断是获取了哪个奖项了,大家可以根据初始的JS代码来套程序,由于改变了awardIndex值,对应的奖项也会出来,通过后台接口的返回值,可以判断是积分还是实物,然后进行下一步操作.为了防止用户连续点击“抽奖”的按钮,须要用 btnDisabled来判断用户是否可以连续抽奖,当轮盘尚未转完时,是不许可重复点击的。
以上便是对微信小程序轮盘抽奖后台功能,抽奖概率,小程序JS代码进行讲解,这是只供应一种思路,大家可以根据实际的情形对程序功能进行调度。

标签:

相关文章

微信第三方登录便捷与安全的完美融合

社交平台已成为人们日常生活中不可或缺的一部分。微信作为我国最受欢迎的社交软件之一,拥有庞大的用户群体。为了方便用户在不同平台间切换...

网站建设 2025-02-18 阅读1 评论0

广东高速代码表解码高速公路管理智慧

高速公路作为国家交通动脉,连接着城市与城市,承载着巨大的物流和人流。广东作为我国经济大省,高速公路网络密布,交通流量巨大。为了更好...

网站建设 2025-02-18 阅读1 评论0