实战练习:小程序页面间跳转传值 & 子页面数据渲染

基础知识

实操步骤

第1步:打开扣子开发平台(https://www.coze.cn/studio)

第2步:工作空间 - 项目开发 - +创建

第3步:创建空白应用

第4步:用户界面 - 小程序和H5 - 开始搭建

第5步:拖动,输入组件 - 表单,至操作区。

第6步:点击操作区的表单标题,改名。

第7步:修改表单下的备注信息

第8步:修改其它元素

第9步:设置下拉列表的属性

第10步:设置按钮的属性

第10步:姓名为必填项

第11步:去掉下方的TabBar

第12步:新建页面

第13步:改页面的名字

第14步:拖出三个Text到页面2

第15步:改三个Text的内容

分别是:幼儿姓名、幼儿年龄、班级。

第16步;去掉页面2的TabBar

第17步:首页 - 立即报名 - 事件

点击"定义入参" - "+",添加3个参数。点击"确认"。

全部配置完是这样:

点击确定

第18步:页面2里绑定变量

第19步:设置页面2里的字号

第20步:首页 - 预览

第21步:页面2 - 年龄,加个"岁"

第22步:再次预览

相关推荐
老师可可4 小时前
Excel学生成绩表,如何生成成绩分析报告?
经验分享·学习·小程序·excel·学习方法
巧夺噶事来5 小时前
培训班小程序模板如何一键套用,分享微信小程序的制作方法
微信小程序·小程序
2501_915921435 小时前
Charles 抓包 HTTPS 原理详解,从 CONNECT 到 SSL Proxying、常见问题与真机调试实战(含 Sniffmaster 补充方案)
android·网络协议·小程序·https·uni-app·iphone·ssl
OEC小胖胖6 小时前
组件化思维(上):视图与基础内容组件的深度探索
微信·微信小程序·小程序·微信开放平台
Q_Q19632884758 小时前
python+springboot+uniapp基于微信小程序的巴马旅居养老系统 旅游养老小程序
spring boot·python·小程序·django·flask·uni-app·node.js
老华带你飞9 小时前
寝室快修|基于SprinBoot+vue的贵工程寝室快修小程序(源码+数据库+文档)
java·数据库·vue.js·spring boot·小程序·毕设·贵工程寝室快修
毕设源码-郭学长9 小时前
【开题答辩全过程】以 “辛巴克餐饮”小程序为例,包含答辩的问题和答案
小程序