培训报名小程序报名确认开发

简介: 培训报名小程序报名确认开发

我们上一篇介绍了报名功能的开发,在用户报名成功后需要展示报名的确认信息,如果信息无误提示用户支付,在支付之前需要让用户进行授权,允许小程序给用户发送订阅消息。原型如下:

1 创建页面

开发功能时先需要创建页面,打开我们的应用,点击创建页面的图标

2 创建URL参数

我们的报名确认信息需要展示两个数据源的信息,分别是课程信息和报名信息,因此需要创建两个参数

点击大纲树的页面,创建URL参数

建两个参数,分别是课程的ID和报名的ID

3 信息展示

信息展示的话我们用数据详情组件开发,拖入数据详情组件,选择数据源

设置筛选条件,让我们的数据标识等于我们传入的ID

然后删掉不必要的字段

按照同样的方法设置一下报名信息的展示

最下边添加一个按钮,名称改为立即支付

4 消息订阅

点击按钮的时候我们先要让用户授权我们可以发送订阅消息,先需要登录到小程序的管理后台,启用一个通知模板

这里选用模板之后主要是为了得到模板ID,选用模板的时候我们需要按需选择提示的字段信息

选中我们的按钮,设置点击事件,选择消息订阅授权,然后把我们的模板ID输入对应的属性中


模板id是一个数组,我们的表达式输入如下:

['m3DRMNP91b9PiPChwvNXnNvIc6llQv1OeFhkklpu5DE']

5 页面传参

我们的页面是从报名页面跳转过来,跳转的时候需要传入对应的参数。切换回报名页面,选中表单容器,点击一下数据源提交的事件

提交成功后我们增加一个打开页面的事件,页面选择报名确认页,传入对应的参数


6 程序预览

点击实时预览,我们测试一下功能

测试通过后点击发布,发布成小程序,我们看一下消息订阅的通知是否弹出

至于支付、消息的发送,这都涉及到API的编写,而API的功能目前需要开通企业版才可以使用,是否需要这些功能需要根据你的需求及付费能力综合考虑。

总结

我们本篇讲解了报名确认的功能,主要涉及数据详情组件的使用,页面传参以及消息订阅开发,低码开发通常是以配置为主,当然如果涉及到后端能力使用的,还需要编写一部分后端代码,比起传统开发确实要快不少,感兴趣的照着教程做一遍吧。

相关文章
|
5天前
|
存储 编解码 小程序
抖音小程序开发中遇见的坑点
在抖音小程序开发中,需注意10大坑点:遵守小程序限制与规范;解决兼容性问题;优化数据加载速度;适应分享功能限制;处理视频播放挑战;优化图片加载显示;管理资源文件;提升用户体验;考虑安全性;及时更新维护。通过测试、优化和遵循官方文档,可克服这些问题,打造优质小程序。
|
5天前
|
小程序 前端开发 API
小程序全栈开发中的多端适配与响应式布局
【4月更文挑战第12天】本文探讨了小程序全栈开发中的多端适配与响应式布局。多端适配涉及平台和设备适应,确保统一用户体验;响应式布局利用媒体查询和弹性布局维持不同设备的布局一致性。实践中,开发者可借助跨平台框架实现多平台开发,运用响应式布局技术适应不同设备。同时,注意兼容性、性能优化和用户体验,以提升小程序质量和用户体验。通过这些方法,开发者能更好地掌握小程序全栈开发。
|
5天前
|
小程序 前端开发 API
微信小程序全栈开发中的异常处理与日志记录
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的异常处理和日志记录,强调其对确保应用稳定性和用户体验的重要性。异常处理涵盖前端(网络、页面跳转、用户输入、逻辑异常)和后端(数据库、API、业务逻辑)方面;日志记录则关注关键操作和异常情况的追踪。实践中,前端可利用try-catch处理异常,后端借助日志框架记录异常,同时采用集中式日志管理工具提升分析效率。开发者应注意安全性、性能和团队协作,以优化异常处理与日志记录流程。
|
5天前
|
小程序 安全 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的身份认证与授权机制。身份认证包括手机号验证、微信登录和第三方登录,而授权机制涉及角色权限控制、ACL和OAuth 2.0。实践中,开发者可利用微信登录获取用户信息,集成第三方登录,以及实施角色和ACL进行权限控制。注意点包括安全性、用户体验和合规性,以保障小程序的安全运行和良好体验。通过这些方法,开发者能有效掌握小程序全栈开发技术。
|
5天前
|
小程序 前端开发 安全
小程序全栈开发中的跨域问题及其解决方案
【4月更文挑战第12天】本文探讨了小程序全栈开发中的跨域问题及其解决方案。跨域问题源于浏览器安全策略,主要体现在前后端分离、第三方服务集成和数据共享上。为解决此问题,开发者可采用CORS、JSONP、代理服务器、数据交换格式和域名策略等方法。实践中需注意安全性、兼容性和性能。通过掌握这些解决方案,开发者能更好地处理小程序的跨域问题,提升用户体验。
|
5天前
|
小程序 前端开发 JavaScript
微信小程序全栈开发中的PWA技术应用
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中PWA技术的应用,PWA结合Web的开放性和原生应用的性能,提供离线访问、后台运行、桌面图标和原生体验。开发者可利用Service Worker实现离线访问,Worker处理后台运行,Web App Manifest添加桌面图标,CSS和JavaScript提升原生体验。实践中需注意兼容性、性能优化和用户体验。PWA技术能提升小程序的性能和用户体验,助力开发者打造优质小程序。
|
5天前
|
小程序 应用服务中间件 Linux
【Nginx】微信小程序后端开发、一个域名访问多个服务
【Nginx】微信小程序后端开发、一个域名访问多个服务
18 0
|
5天前
|
小程序
开发小程序只要几百块?
开发小程序只要几百块?
703 0
|
5天前
|
Web App开发 数据采集 移动开发
开发uniapp过程中对app、微信小程序与h5的webview调试
开发uniapp过程中对app、微信小程序与h5的webview调试
13 1
|
5天前
|
小程序 前端开发 JavaScript
轻松学会微信小程序开发(一)
轻松学会微信小程序开发(一)

热门文章

最新文章