IVX低代码平台开发——微信小程序实现抽奖功能

写在前面

通过利用可视化编程实现微信小程序的抽奖功能,带大家初步了解 iVX 的强大之处。

在这里插入图片描述

iVX开发

  • 基本介绍

iVX是一个 “零代码” 的可视化编程语言,拥有方便的 在线集成开发环境 ,不需要下载开发环境,打开浏览器即可随时随地的进行项目编辑。
ivx公号:ivx_cn
iVX官网: https://www.ivx.cn/

在这里插入图片描述

  • 低代码平台的优势
  • 快速学习:程序员一周就能快速上手,新手减少两年的学习时间。
  • 快速开发:由于采用拖拽和配置,开发效率提升5倍以上。
  • 快速运行:前端和后台采用最先进框架,精选融合云计算公司核心产品。
  • 快速维护:效率提升数倍,核心开发人员离职后,产品依然可以快速维护。
    在这里插入图片描述

抽奖功能实现

实现方法

1.抽奖的几率通过随机数生成控制,如果随机数在某个奖项的start和stop区间内,则代表抽中了该奖项。

在这里插入图片描述在这里插入图片描述

2. 九宫格的做法

通过循环创建九个对象,他们的当前序号如下:
0 1 2
3 4 5
6 7 8
其中序号为4的是抽奖按钮,而其他八个则按照顺时针方式排列且与奖项一一对应,对应关系如下
序号0:奖项0
序号1:奖项1
序号2:奖项2
序号5:奖项3
序号8:奖项4
序号7:奖项5
序号6:奖项6
序号3:奖项7
将这个对应关系保存到一个一维数组中

在这里插入图片描述

For循环绑定的是一维数组,通过当前数据1到奖品列表中找到对应的奖品名称,然后设置一个变量,对变量进行模8运算,当余数与当前数据1相等时代表九宫格当前轮换到了该奖品,然后通过触发器每次给变量加1达到轮换效果。

在这里插入图片描述

每加8九宫格转1整圈,这里设定旋转4圈,则触发器触发40次。另外点击按钮时已经获取了最终抽奖结果,用40加上返回的奖项序号再减1就是触发器的总触发次数,当触发器结束后就会正好停在实际抽中的奖项上。

在这里插入图片描述

3. 转盘抽奖的实现方式

转盘抽奖与九宫格的区别仅在于触发器触发时是通过变换状态来改变转盘的旋转角度,这里奖项有8个,则每个奖项占用扇形的角度是45°。我们设置触发器触发间隔为0.2s,每次触发旋转45°且变换时长与触发间隔一致。
在这里插入图片描述

在这里插入图片描述

与九宫格抽奖相似,我们先让转盘旋转4个整圈1440°,也就是触发次数24次,然后再加上返回的奖项序号减去1,就是最后的总触发次数,当转盘停止时即可停在实际抽中的奖项上。

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/m0_63947499/article/details/126955075