网站建设、公众号开发、微网站、微商城、小程序就找牛创网络 !

7*24小时服务专线: 152-150-65-006 023-68263070 扫描二维码加我微信 在线QQ

前端开发技术团结互助,让我们共同进步!

当前位置:主页 > 技术资讯 > 开发技术 > 前端开发技术 >

我们的优势: 10年相关行业经验,专业设计师量身定制 设计师一对一服务模式,上百家客户案例! 企业保证,正规流程,正规合作 7*24小时在线服务,售后无忧

微信小程序之转盘抽奖功能的实现方法

文章来源:重庆小程序开发 发布时间:2020-01-07 20:32:59 围观次数:
分享到:

摘要:为了吸引用户,商家会在微信上进行一些活动,如使用积分进行转盘抽奖。 现在,我们来谈谈这个抽奖转盘的微信小程序如何实现的

   为了吸引用户,商家会在微信上进行一些活动,如使用积分进行转盘抽奖。 现在,我们来谈谈这个抽奖转盘的微信小程序如何实现的,首先看下图:

blob.png

  上面显示了轮盘抽奖共有6个奖项,其中一个没有获奖,其余5个可以获奖。 奖金的标题,奖金的类型(实物或积分),获胜的概率,每次抽奖需要多少积分可以在后台设置,如下所示:

blob.png

  每次抽奖都扣除积分。 奖品的类型是实物和积分。 如果是积分,则直接增加用户帐户的积分。 这是相对简单的。 如果是实物,则生成关联产品的礼品订单。

  中奖率:这意味着将整个彩票分为10,000份,因此最低中奖率可以设置为0.01%(当然,如果您不希望用户抽奖,可以将其设置为0%, 用户将永远无法中奖)。后台界面使用PHP语言计算中奖率的代码如下:

blob.png

  其中$ i = rand(1,10000); 即1到10000之间的随机数。

  Winning_odds是指特定奖励的中奖价值。 例如,如果获胜率为10%,winning_odds的值为1000。未中奖概率自动由其他五个奖项的概率-100%生成。 因此,当在后台修改某个奖励的概率时,有必要更新未获胜的概率。

blob.png

blob.pngblob.png

blob.png

小程序的wxml代码如下:

blob.png

您可以根据初始JS代码设置程序,因为awardIndex值已更改,并且相应的奖励也会显示出来。通过后台接口的返回值,可以判断是积分还是实物 ,然后继续下一步。 为了防止用户连续单击抽奖按钮,需要使用btnDisabled来确定轮盘尚未完成时不允许重复单击。

本文由 重庆小程序开发 整理发布,转载请保留出处,内容部分来自于互联网,如有侵权请联系我们删除。

相关热词搜索:微信小程序 转盘抽奖功能

上一篇:微信小程序支付功能的实现方法
下一篇:微信小程序之应用商店的功能和模式

热门资讯

鼠标向下滚动