培训报名小程序报名功能完善

简介: 培训报名小程序报名功能完善

目前我们的报名功能已经搭建了一个基础版,后续需要展示用户已经报名的信息,需要添加一个状态来显示用户是否成功付费。

1 修改数据源

打开我们的报名数据源,添加一个支付状态的字段,类型选择枚举

点击立即创建,添加枚举项

2 修改表单

状态添加好了之后,我们在报名页,更新一下我们的表单

选择我们新添加的字段,选中我们的组件,设置默认值,默认我们是待支付

状态是系统使用,无需向用户展示,切换到样式页签,影藏我们的组件

3 支付成功时修改状态

在支付页面,我们点击支付按钮的时候修改一下数据的状态。先选择数据源,方法选择更新单条

查询条件设置为我们的数据标识等于我们的baomingid

更新的字段的话,让支付状态修改为2

测试的时候发现提示了类型不匹配

这是因为我们的枚举值存储的是字符串,而我们目前给的是数字类型,重新输入一下,用引号括起来

4 创建报名成功页

我们更新成功后跳转到报名成功页面,先需要创建一个页面,点击页面创建的图标

页面的话主要是显示报名成功的提示信息,点击返回主页的时候可以返回首页,事件设置如下

然后回到我们的支付页面,在更新成功后跳转到我们的支付成功页面

5 最终的效果

总结

我们本篇主要介绍了通过状态来控制数据,给数据设置状态还是很常见的一个业务场景,在不同阶段将状态修改为不同的值,便于业务流程的运转。当然了现实中支付没有这么简单,通常需要你是企业主体,开通商户号,而且要调用微信支付。


好在微搭开发支付功能也不复杂,只需要创建微信支付的API,在前端调用即可,有需要的同学可以参照官方文档一步步的开发即可。

相关文章
|
5天前
|
小程序
微信小程序如何实现进入小程序自动连WiFi功能
微信小程序如何实现进入小程序自动连WiFi功能
|
5天前
|
小程序 API
点餐小程序实战教程09-订单功能开发
点餐小程序实战教程09-订单功能开发
|
5天前
|
小程序 开发工具 数据库
零基础开发小程序第三课-列表功能开发
零基础开发小程序第三课-列表功能开发
|
5天前
|
小程序 JavaScript
微信小程序图片预览功能?
微信小程序图片预览功能?
|
5天前
|
小程序 JavaScript Android开发
【经验分享】如何在支付宝小程序里玩转富文本功能
【经验分享】如何在支付宝小程序里玩转富文本功能
93 0
|
5天前
|
编解码 小程序 IDE
【产品上新】小程序相机功能全面开放!
【产品上新】小程序相机功能全面开放!
58 0
|
5天前
|
移动开发 小程序 安全
【社区每周】小程序基础2.7.23版本上线;卡证识别功能全面公测(2022年8月第二期)
【社区每周】小程序基础2.7.23版本上线;卡证识别功能全面公测(2022年8月第二期)
35 0
|
5天前
|
存储 小程序 开发工具
零基础开发小程序第四课-查看功能开发
零基础开发小程序第四课-查看功能开发
|
5天前
|
小程序
微信小程序用户登陆和获取用户信息功能实现
微信小程序用户登陆和获取用户信息功能实现
14 0
|
5天前
|
前端开发 小程序
【微信小程序5】利用canvas实现纯色背景抠图功能
【微信小程序5】利用canvas实现纯色背景抠图功能
35 0

热门文章

最新文章