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


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

1 修改数据源

打开我们的报名数据源,添加一个支付状态的字段,类型选择枚举
在这里插入图片描述
点击立即创建,添加枚举项
在这里插入图片描述

2 修改表单

状态添加好了之后,我们在报名页,更新一下我们的表单
在这里插入图片描述
选择我们新添加的字段,选中我们的组件,设置默认值,默认我们是待支付
在这里插入图片描述
状态是系统使用,无需向用户展示,切换到样式页签,影藏我们的组件
在这里插入图片描述

3 支付成功时修改状态

在支付页面,我们点击支付按钮的时候修改一下数据的状态。先选择数据源,方法选择更新单条
在这里插入图片描述
查询条件设置为我们的数据标识等于我们的baomingid
在这里插入图片描述
更新的字段的话,让支付状态修改为2
在这里插入图片描述
测试的时候发现提示了类型不匹配
在这里插入图片描述
这是因为我们的枚举值存储的是字符串,而我们目前给的是数字类型,重新输入一下,用引号括起来
在这里插入图片描述

4 创建报名成功页

我们更新成功后跳转到报名成功页面,先需要创建一个页面,点击页面创建的图标
在这里插入图片描述
在这里插入图片描述
页面的话主要是显示报名成功的提示信息,点击返回主页的时候可以返回首页,事件设置如下
在这里插入图片描述
然后回到我们的支付页面,在更新成功后跳转到我们的支付成功页面
在这里插入图片描述

5 最终的效果

在这里插入图片描述

总结

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

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

猜你喜欢

转载自blog.csdn.net/u012877217/article/details/132181041