这个系列逐渐学习低代码平台,补足因为技术栈不足带来的问题,同时借助低代码平台快速搭建成型的系统。
这个博客用来记录一个非常常见的操作,在两个页面/多个页面之间传递值
文章目录
- 1. 创建页面
- 2. 添加逻辑
- 主动跳转页逻辑设置
- 数据接收页逻辑设置
- 最终效果展示
1. 创建页面
首先创建两个页面:一个命名为主动跳转页,另一个命名为数据接收页
【主动跳转页】通过控件的拖拽成这个样子:
【数据接收页】通过数据拖拽为这个样子:
创建时的模版如下:
2. 添加逻辑
主动跳转页逻辑设置
进入主动跳转页,信息发送:
- 添加点击事件
- 在【页面交互】里选择【打开页面】
- 设置为如下值
其中:
- 在传入页面参数时,每个输入框右边有一个【fx】,这个点开
- 这个
$
的写法很常见,中间的input1
等都是控件的ID,点击控件在右侧可以看到ID,对应即可
数据接收页逻辑设置
以第一个显示文本为例,在【文本内容】这里显示数据:
注意文本框里输入前需要把右边的fx
点亮
同时,将【返回按钮】添加事件,同样将事件设置为【打开页面】:
最终效果展示
主动跳转页输入:
数据接收页得到反馈: