在微信小程序上实现抽奖功能

前言

本教程是基于 “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” 方法,试着去制作一个精美的抽奖小程序吧! 期待你的进步! 感谢!
经验分享 程序员 微信小程序 职场和发展