区块是基于基础组件封装的一个黑盒工具。本文介绍区块的功能特性,帮助您快速了解并使用区块。

区块可以定义内部外部的数据传输,对内可以封装业务相关的组件样式、组件布局、默认数据(不包含除静态数据和API外的数据源)和蓝图逻辑,对外可定义业务相关的区块数据接口。

区块接口节点说明

区块定义内部和外部的数据传输,依靠蓝图编辑器中的数据接口节点、事件接口节点和动作接口节点进行配置,不同接口的区别如下:
  • 数据接口:用于接收外部数据源传入区块的数据,再通过蓝图编辑器分发数据给内部的组件。
  • 事件接口:用于接收内部组件的事件,并向外抛出数据。
  • 动作接口:用于接收外部组件触发的动作,并使得内部组件执行相应的业务逻辑。

您在使用区块时,只需要将区块作为一个整体,了解并设置对外定义的区块接口即可,无需关注内部逻辑。如果你要在区块编辑器中配置并使用区块接口,详情请参见使用区块接口

区块示例说明

如下图区块示例:区块接口示例区块中定义了两个数据接口、一个事件接口和三个动作接口,不同类型接口的功能解释示例如下。
  • 导入玫瑰图数据接口,用于接收到数据后立即将数据传输导入到ECharts玫瑰图组件中。
  • 轮播列表点击事件接口,用于对外接收轮播列表组件中的当点击单行时抛出的数据。
  • 更新样式动作接口,用于在获取数据之后,通过串行数据处理逻辑节点处理数据后,最后调用了垂直胶囊柱状图组件的更新组件配置动作。
下图是上述案例的区块在使用时对外展示的数据配置、交互配置和蓝图参数内容的样式。
图 1. 数据配置
数据配置
图 2. 交互配置
交互配置
图 3. 蓝图参数配置
蓝图配置

区块使用常见问题

  • Q:区块内是否有组件?

    A:您可以拖拽区块编辑器图层栏内的组件到画布中,配置组件的样式,详情请参见区块编辑器概览区块内组件样式配置说明

  • Q:区块内是否有交互?

    A:您可以将区块导出到蓝图编辑器,在蓝图编辑器中,将区块接口节点与区块中对应的组件节点连线,完成所需的业务逻辑的交互配置,详情请参见使用区块接口

  • Q:区块内部和外部是否有交互?

    A:您可以通过创建区块的接口并在可视化大屏内使用区块的接口,详情请参见使用区块接口添加区块

  • Q:区块功能怎么调试?

    A:您可以通过使用区块预览功能,调试配置完成的区块接口等功能,详情请参见预览区块

  • Q:区块搭建完成后,如何在可视化应用画布编辑器中使用?

    A:您可以先将区块发布,再进入可视化应用画布编辑器中,在编辑器中打开资产列表,选择区块模块,在区块列表中查看已搭建的区块内容,也可添加所需区块,详情请参见发布区块添加区块

  • Q:区块新版本发布后,如何一键升级可视化应用中正在使用的旧区块?

    A:您可以在画布编辑器中,单击目标区块,进入区块的右侧面板,在面板右上角单击升级区块版本,升级区块的方法与升级资产内容一致,详情请参见升级组件

  • Q:如何快速便捷的创建区块?

    A:除了在我的区块面板创建空白区块之外,还支持在组件收藏夹面板中一键升级收藏后的组件成区块或者直接在画布编辑器内选中组件并生右键组件导出成区块。详情请参见升级已收藏的资产为区块