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

基础知识

实操步骤

第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步:再次预览

相关推荐
2501_915918411 天前
使用 HBuilder 上架 iOS 应用时常见的问题与应对方式
android·ios·小程序·https·uni-app·iphone·webview
2501_916007471 天前
iOS 崩溃日志的分析方法,将崩溃日志与运行过程结合分析
android·ios·小程序·https·uni-app·iphone·webview
2501_916007471 天前
React Native 混淆在真项目中的方式,当 JS 和原生同时暴露
javascript·react native·react.js·ios·小程序·uni-app·iphone
00后程序员张1 天前
苹果应用商店上架App流程,签名证书、IPA 校验、上传
android·ios·小程序·https·uni-app·iphone·webview
2501_916007471 天前
iOS 上架需要哪些准备,围绕证书、描述文件和上传方式等关键环节展开分析
android·ios·小程序·https·uni-app·iphone·webview
qq_12498707531 天前
基于微信小程序的私房菜定制上门服务系统(源码+论文+部署+安装)
java·spring boot·微信小程序·小程序·毕业设计·毕设
2501_915106321 天前
iOS 上架费用解析,哪些成本可以通过流程优化降低。
android·ios·小程序·https·uni-app·iphone·webview
风月歌1 天前
小程序项目之超市售货管理平台小程序源代码(源码+文档)
java·微信小程序·小程序·毕业设计·源码
Lily.C1 天前
小程序WebSocket实时通信全解析
websocket·网络协议·小程序
风月歌1 天前
基于小程序的超市购物系统设计与实现源码(java+小程序+mysql+vue+文档)
java·mysql·微信小程序·小程序·毕业设计·源码