实现数据分发

本文以通用标题组件请求数据,分发给数字翻牌器多行文本组件,完成数据更新为例,介绍如何通过合并请求进行数据分发。

效果展示image.png

使用场景

多个组件的数据可以通过APISQL数据源等一次获取,再进行数据分发,减少数据请求次数。

操作步骤

  1. 登录DataV控制台

  2. 选择任一数据看板,单击编辑,进入画布编辑器页面。

  3. 添加通用标题组件、多行文本组件和数字翻牌器组件到画布中。

  4. 选择数字翻牌器组件,清空标题名前缀内容后缀内容

  5. 单击多行文本组件,选择数据源页签,打开受控模式开关。

  6. 移动通用标题组件到画布外,并修改静态数据。

    说明

    通用标题组件只用于请求数据,放置于画布外,在预览发布时不会显示在数字大屏上。

    [{
      "num": "123",
      "text": "这是多行文本组件",
      "value": "接收数据组件"
    }]
  7. 切换到蓝图编辑器。

  8. 添加所有图层节点到蓝图主画布中。

  9. 单击逻辑节点,添加1个序列执行节点到蓝图主画布中,新增一个事件接口并重命名。image.png

  10. 连接组件。image.png

  11. 配置序列执行节点的处理方法。

    • 获取文本

      return [{value: data[0].text}];
    • 获取数字

      return [{value: data[0].num}];
  12. 单击页面右上角的预览图标,预览展示结果。image.png