开发需求,抽奖h5,需要每天的抽奖概率都不一样,可以随时的抽奖概率,还有每天发送的奖品数量也不一样,一个用户只能中一个奖,一天有三次抽奖的机会,抽中奖的用户再抽奖提示未中奖
第一步创建一个模块,配置安装文件manifest.xml文件,
然和将模块放入到你的微擎目录的addons中,在未安装模块中会显示该模块,然后安装模块,测试能不能访问的通
根据需求一步一步来,实现需要创建表,根据实际情况创建
我做了一个构造方法
一开始就把今天的开始时间和结束时间拿到,和活动期间明天的奖品数量初始化,
上面是我的入口文件,根据我下面设置的一些变量可以在视图中中显示一些东西,比如我判断了客户端,那么就可以在微信客户端中打开的h5有微信自定义分享功能,支付宝打开的h5没有该功能,
有些功能就不说了,说说抽奖功能的实现,也是我遇到的坑
后端:判断肯定是少不了的
后端返回中奖id,
前端:前端需要做什么呢,有个问题为了用户更好的体验,点击抽奖的按钮的时候就让9宫格转起来,什么时候后端响应回来什么时候停止,要怎么做呢,
思路:第一步让9宫格转起来,每跳动一下记录一个数一开始是1以此递增,等待后端响应,假如后端给到一个奖品id为4,那么就判断递增的数除以8等于当前的是转了都少圈了,如果是第二圈,我们就在第二圈的基础上在多让它转2圈,然后加4,想当与我让它到底4圈的第4个位置停下来,当然它现在的位置的在第二圈的某个位置上还没有到第4圈,我们就已经有了他停止的位置了