目标

连线通常用于直接传递属性,不对值做任何处理。有时也往往涉及解析和提取,尤其是对于 表单对象

本示例着重介绍,对于 JSON对象,连线如何解析,提取指定字段值(规则参见 数据解析)。该操作非常重要,比如 接口返回,就需要从中提取需要的数据。如下所示:

UIOTOS文档:数据的解析提取 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat_连线

步骤


新建

略。参见 1新建。命名为"JSON数据解析提取"

拖放组件

拖入 文本框 对话框组件,并设置属性:

  • **步骤1:**拖入 文本框[值内容](https://www.yuque.com/liuhuo-nc809/uiotos/mttyppid7d9y7sqk#gWSSW)属性填入对象:

UIOTOS文档:数据的解析提取 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat_文本框_02


连线操作

提取指定数据传给对话框。

  •  值内容(文本框)→ 值内容(对话框继承的文本框)
  • 文本框的连线属性组中,对赋值解析索引0填入"data.1.user.name.0.ok"(参见 数据解析)。

UIOTOS文档:数据的解析提取 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat_文本框_03

效果

选中文本框组件,在属性面板中,打开文本框的值内容,可以不做任何修改,直接保存。此时触发连线执行,输出解析后的数据,给到对话框。

UIOTOS文档:数据的解析提取 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat_文本框_04

注意:属性值为对象(包括数组)类型的,比如这里的文本框,再次赋值时即便值内容相同(未变化),也会认为不相同,从而触发连线执行。其他类型(比如数字、字符串),设置相同值,则不会触发事件。参见: 属性变化时触发


小结、

UIOTOS中解析赋值功能十分强大,可以提取任意复杂结构的指定数据,以满足业务逻辑要求,并且不需要代码处理。详见 链接 数据解析