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

91 阅读1分钟

基础知识

图片描述

实操步骤

第1步:打开扣子开发平台(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步:再次预览

图片描述

图片描述