微擎在平台入口不显示安装的模块_微擎开发9宫格抽奖

开发需求,抽奖h5,需要每天的抽奖概率都不一样,可以随时的抽奖概率,还有每天发送的奖品数量也不一样,一个用户只能中一个奖,一天有三次抽奖的机会,抽中奖的用户再抽奖提示未中奖

第一步创建一个模块,配置安装文件manifest.xml文件,

1f7c9733e8e1eb7beca735fed9e307a7.png

然和将模块放入到你的微擎目录的addons中,在未安装模块中会显示该模块,然后安装模块,测试能不能访问的通

根据需求一步一步来,实现需要创建表,根据实际情况创建

8a1f863e53387d36cbb0db3987860d37.png

我做了一个构造方法

aad744e2986eee455553b4a19ffc2f4b.png

一开始就把今天的开始时间和结束时间拿到,和活动期间明天的奖品数量初始化,

6ccdad67987133b6f526c45995ccbd4d.png

上面是我的入口文件,根据我下面设置的一些变量可以在视图中中显示一些东西,比如我判断了客户端,那么就可以在微信客户端中打开的h5有微信自定义分享功能,支付宝打开的h5没有该功能,

有些功能就不说了,说说抽奖功能的实现,也是我遇到的坑

后端:判断肯定是少不了的

c6e2b68e800fb1f21f1fcb18ae9eddc8.png

249ea2dcc3fce09d00332904cb878521.png

后端返回中奖id,

前端:前端需要做什么呢,有个问题为了用户更好的体验,点击抽奖的按钮的时候就让9宫格转起来,什么时候后端响应回来什么时候停止,要怎么做呢,

思路:第一步让9宫格转起来,每跳动一下记录一个数一开始是1以此递增,等待后端响应,假如后端给到一个奖品id为4,那么就判断递增的数除以8等于当前的是转了都少圈了,如果是第二圈,我们就在第二圈的基础上在多让它转2圈,然后加4,想当与我让它到底4圈的第4个位置停下来,当然它现在的位置的在第二圈的某个位置上还没有到第4圈,我们就已经有了他停止的位置了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值