为了能吸引消费者，店家会做一些主题活动，运用赠予或冲值的积分兑换去进行抽奖，如今而言下小程序假如完成转盘抽奖功能的，先看下图：
上边展现的便是转盘抽奖，一共有六个奖项，在其中一个是“不中奖”的，其他五个均可以获得奖品，奖品文章的标题、奖品种类(实体或积分兑换)、中奖几率，每一次抽奖要多少积分兑换等可以在后台操作，如图所示：
每一次抽奖时扣减积分兑换，奖品种类有实体和积分兑换，如果是积分兑换，立即提升用户账户的积分兑换，这一非常简单，如果是实体，则需要形成一个关联商品的礼物订单信息。中奖率：就是指全部抽奖的分成1万分，因此最低中奖率能够设成0.01%(自然如果你不想客户抽中某一奖项，能够设成0%，那样客户就永远无法抽中)，后台管理的插口所使用的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编码如下图所示：
大家这里不详尽讲怎样启用API插口，如何判断是获得了哪一个奖项了，你们可以依据原始的JS编码来套程序流程，由于更改了awardIndex值，相对应的奖项还会出去，根据后台管理接口的传参，可以确定是积分兑换或是实体，随后进行下一步实际操作.为了避免客户连续点击“抽奖”的按键，要用 btnDisabled来判定客户能否再次抽奖，当转盘并未转完时，是不可以反复点一下的。以上就是关于对小程序转盘抽奖后台管理作用，抽奖几率，微信小程序JS编码进行介绍，这也是只提供一种构思，你们可以按照实际的现象对程序流程作用作出调整。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
