培训报名小程序-我的功能

简介: 培训报名小程序-我的功能


我们的培训报名小程序的完整业务功能已经开发好,通常小程序还提供我的功能,主要是用来查询自己历史的提交记录。我的功能开发我们使用区块模板来制作。

1 区块模板

区块模板是一个功能块,可以进行快速复用。首先添加一个我的页面

页面创建好之后往页面添加一个个人中心区块

因为我们这个小程序我的功能比较简单,只需查看自己的历史提交记录,我们只保留微信用户这一块,其余的都删掉,并调整图文的内容


然后修改tab栏组件,将导航条调整为首页、我的两个菜单

2 报名情况

从我的页面,按照这三个图标点进去打开报名情况页面,以页签的形式区分不同状态下的数据。我们先创建一个报名情况的页面


往页面拖入顶部选项卡组件

修改标签列表,改为全部、待支付、已支付

然后往第一个内容插槽里放入数据列表组件,数据源选择我们的报名信息

文本我们绑定为培训课程的标题字段

去掉我们的图标组件,添加一个文本组件,并且绑定我们的支付状态字段

$w.item_listView1.zfzt=='1'?'待支付':$w.item_listView1.zfzt=='2'?'已支付':''

这里我们用三元表达式重新对显示内容做了一下格式化,状态为1的显示为待支付,状态为2的显示为已支付,如果都不是的我们显示为空

第二个内容插槽我们将第一个内容插槽的数据列表复制一下放到第二个里


添加一个数据筛选条件,让我们的支付状态等于待支付,按照同样的方法设置第三个内容插槽,条件是支付状态等于已支付

3 页面传参

内容插槽设置好之后,我们还需要从我的页面点击对应的状态让顶部的页签默认选中,我们需要设置一个URL参数

将这个参数绑定到我们的顶部选项卡的选中标签中

回到我的页面,给图标绑定点击事件,打开页面,传参的话全部我们传0,待支付传1,已支付传2

4 最终效果

5 课程总结

我们本次实战课带着大家实现了一个培训报名的小程序,在首页我们实现了培训课程按分类展示,点击某个分类可以看到课程,点击报名填写基本信息可以跳转到支付。之后提供了我的页面供用户查询自己已经报名的数据。


整体上不是太复杂,适合刚学习微搭的同学练习。主要需要掌握数据模型的建立,页面布局及组件的搭建,以及各种事件的设置。


有人说托拉拽不是编程,姑且听之任之,算不算编程不重要,能用工具做出自己需要的软件最重要,有需要的同学照着教程练习一下吧,眼睛看会不算会,做出来可以使用才行。

相关文章
|
7月前
|
小程序
微信小程序如何实现进入小程序自动连WiFi功能
微信小程序如何实现进入小程序自动连WiFi功能
215 0
|
7月前
|
小程序 API
点餐小程序实战教程09-订单功能开发
点餐小程序实战教程09-订单功能开发
|
2天前
|
小程序 安全 搜索推荐
陪玩小程序的搭建解析与功能需求
陪玩小程序是为玩家提供专业陪玩服务的应用,嵌入社交或游戏平台,具备智能匹配、实时聊天、预约服务等功能,支持便捷高效的游戏体验。源码交付时需提供详细文档、技术支持及定制开发服务,确保客户能顺利维护和升级。选择陪玩小程序时应关注功能需求、用户体验、安全性和成本效益,以确保最佳使用效果。
19 0
|
1月前
|
小程序 数据挖掘 UED
开发1个上门家政小程序APP系统,都有哪些功能?
在快节奏的现代生活中,家政服务已成为许多家庭的必需品。针对传统家政服务存在的问题,如服务质量不稳定、价格不透明等,我们历时两年开发了一套全新的上门家政系统。该系统通过完善信用体系、提供奖励机制、优化复购体验、多渠道推广和多样化盈利模式,解决了私单、复购、推广和盈利四大痛点,全面提升了服务质量和用户体验,旨在成为家政行业的领导者。
|
2月前
|
存储 自然语言处理 小程序
微信小程序多语言切换神器:简繁体切换功能完全指南
随着全球化的发展,支持多种语言的应用程序愈发重要。本文介绍了如何在微信小程序中实现简体与繁体字体之间的切换功能,以满足不同地区用户的需求。通过创建utils文件夹并编写相应的转换函数,开发者可以方便地实现语言切换,从而提升用户体验。文章中还附带了示例代码和效果图,帮助读者更好地理解和应用这一功能。
112 0
微信小程序多语言切换神器:简繁体切换功能完全指南
|
2月前
|
小程序 Linux Python
查找首字母与Python相关的的英文词汇小程序的续篇---进一步功能完善
查找首字母与Python相关的的英文词汇小程序的续篇---进一步功能完善
25 1
|
4月前
|
Web App开发 缓存 小程序
【Azure API 管理】从微信小程序访问APIM出现200空响应的问题中发现CORS的属性[terminate-unmatched-request]功能
【Azure API 管理】从微信小程序访问APIM出现200空响应的问题中发现CORS的属性[terminate-unmatched-request]功能
|
4月前
|
小程序 前端开发 开发者
|
4月前
|
小程序 前端开发 API
Ant Design Mini 问题之在微信小程序中,由于不支持slot特性,Ant Design Mini的什么组件功能受到了限制,如何解决
Ant Design Mini 问题之在微信小程序中,由于不支持slot特性,Ant Design Mini的什么组件功能受到了限制,如何解决
117 1
|
5月前
|
小程序 安全 数据挖掘
陪玩语聊APP小程序定制开发模块功能
随着电竞行业的规范化,游戏陪玩软件兴起,提供专业陪玩服务。核心功能包括:多样化注册登录、用户资料展示、智能匹配筛选陪玩、语音互动(多人/私聊)、订单交易管理、陪玩入驻审核、数据分析、客服系统及社交功能。旨在融合游戏、语音聊天与社交,构建综合娱乐平台。
下一篇
DataWorks