如何制作自动输入短信验证码?

效果展示:

14633b4e1f8b321952f7c85f7a6e6ef7.jpeg

前置准备:

  • 搭建完成,待进行数据配置的页面

具体步骤:

  • 添加动态容数据容器组件、标签文本和输入框组件
  • 进行发送验证码触发器配置
  • 验证码输入框配置
  • 键盘上方验证码接收器配置
  • 配置数据中心
  • 添加事件中心

步骤分解:

添加动态容器组件、标签文本和输入框组件

  • 添加 标签文本 动态数据容器 组件到同一位置,动态数据容器 在置后, 标签文本 置前
  • 添加 输入框 动态数据容器 组件到同一位置,动态数据容器 在置后, 输入框 置前

b4a4f4ace3d72230743638d2c6945ce1.jpeg1f94dd18301a26e671d9192afd7f8bde.jpeg7534108451d92e1add1ee2a6c90de740.jpeg

进行发送验证码触发器配置

  • 选中发送验证码 标签文本
  • 添加发送验证码 触发器 ,并进行数据配置

f15469f339797d641a2d38db5beb1378.jpeg

验证码输入框配置

  • 选中 输入框 组件
  • 在 触发器 中 添加 收到验证码 触发器 并进行数据配置
  • 选中验证码输入框 动态数据容器 组件
  • 在 数据绑定及设置 绑定数据

b9037221fdaa18c36092631a82e47fcf.jpeg7d5cc8107b5112ad9689b6fcc804e40f.jpeg

键盘上方验证码接收器配置

  • 选中键盘上方接收器 动态数据容器 组件
  • 在 触发器 中,添加更新 触发器 并进行数据配置
  • 在 触发器 中,添加查询 触发器 并进行数据配置
  • 在 数据绑定及设置 中,绑定数据
  • 选中数字点击上去 标签文本 组件
  • 在 触发器 中,添加送 触发器 并进行数据配置
  • 在 数据绑定及设置 中,修改 自定义数据

4ca323640b4fea4fdbc2667e153adca1.jpegc8fb4cbf870ce24aa016fefec3683648.jpeg8e1244feffe0314bdd5d53d0acf41fe6.jpegb2fa8de4cfbe9a7ab499511dc0bf08d7.jpegdc4629972fd53830aaf4527d1ccb13be.jpeg

配置数据中心

  • 在面板上方 数据中心 创建验证码数据表格

1c262dd0e5cc24ba51ec5dc5402cc197.jpeg

添加事件中心

  • 在面板上方 事件中心 添加 数据事件 验证码查询,进行数据配置
  • 添加 数据事件 Update,进行数据配置

118db3b7dd6644805c197799bf09ca7e.jpege018b912a429c5b4747b5b86165b3e3c.jpeg这样就可以实现如何制作自动输入短信验证码了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值