在微信小程序上实现抽奖功能
前言
本教程是基于 “apifm-wxapi” 模块,教你快速实现小程序开发,所以你可能需要先了解以下知识点:
本案例中,“点击抽奖” 功能,需要用户登录后才能操作,也就是说需要 token 授权,请先了解:
启用“抽奖模块”
登录 “第一步” 注册的后台,左侧菜单 --> 工厂设置 --> 模块管理
找到 “抽奖模块”,点击 “启用模块” ,然后 F5 刷新一下后台界面,你将可以看到新的菜单:“营销复制” --> “抽奖设置 + 抽奖记录” ;
你需要先在后台发布一个新的抽奖设置项目:
抽奖设置 抽奖设置
抽奖设置
小程序开发:
接口返回的时候没有做界面上的渲染,统一在 console 输出,你可以尝试着将结果数据在界面上进行渲染
抽奖DEMO 抽奖DEMO
抽奖DEMO
js文件
wxss 文件
button {
width:600rpx;
margin-top:50rpx;
}
wxml 文件
<button type="primary" bindtap="goRegist"> 注册新用户 </button> <button type="primary" bindtap="goLogin"> 登录获取token </button> <button type="warn" bindtap="luckyInfo"> 获取投票项目详情 </button> <button type="warn" bindtap="luckyInfoJoinMy"> 我的抽奖 </button> <button type="warn" bindtap="luckyInfoJoin"> 参与抽奖 </button> <button type="warn" bindtap="luckyInfoJoinLogs"> 拉取所有的抽奖记录 </button>
WXAPI.init(gooking) 这句代码是将你的小程序链接到你的后台,其中 gooking 这个是你的专属域名(请查看前言中关于专属域名的章节说明);
至此,你已经掌握了如何开发一个基于小程序的抽奖功能
使用上述的 “apifm-wxapi” 方法,试着去制作一个精美的抽奖小程序吧!
期待你的进步! 感谢!
前言 本教程是基于 “apifm-wxapi” 模块,教你快速实现小程序开发,所以你可能需要先了解以下知识点: 本案例中,“点击抽奖” 功能,需要用户登录后才能操作,也就是说需要 token 授权,请先了解: 启用“抽奖模块” 登录 “第一步” 注册的后台,左侧菜单 --> 工厂设置 --> 模块管理 找到 “抽奖模块”,点击 “启用模块” ,然后 F5 刷新一下后台界面,你将可以看到新的菜单:“营销复制” --> “抽奖设置 + 抽奖记录” ; 你需要先在后台发布一个新的抽奖设置项目: 抽奖设置 小程序开发: 接口返回的时候没有做界面上的渲染,统一在 console 输出,你可以尝试着将结果数据在界面上进行渲染 抽奖DEMO js文件 wxss 文件 button { width:600rpx; margin-top:50rpx; } wxml 文件 WXAPI.init(gooking) 这句代码是将你的小程序链接到你的后台,其中 gooking 这个是你的专属域名(请查看前言中关于专属域名的章节说明); 至此,你已经掌握了如何开发一个基于小程序的抽奖功能 使用上述的 “apifm-wxapi” 方法,试着去制作一个精美的抽奖小程序吧! 期待你的进步! 感谢!