您可在Web可视化编辑页面添加各种组件,配置组件数据源、样式或交互动作完成应用的多样化设计和功能需求开发。

什么是组件

组件承载Web应用编辑器的核心功能,提供构成Web应用的基本要素。组件列表中包含了以下组件。

类型 描述
常用组件 集成常用的组件,方便用户快速调用开发。
个人开发组件 开发者通过组件开发平台开发的个人组件,仅支持开发者可见并使用。
基础组件 包含基础、控制、图表和表单四类组件。
工业组件 包含仪表、滑动条、管道、设备和开关按钮五类组件。
变配电组件 由第三方开发者开发个人组件后,以组件包的方式上传到IoT Studio平台后提供给所有开发者使用的组件。

IoT Studio目前支持的三方组件是变配电组件。

添加组件

  1. 在Web应用编辑器中,单击最左侧的组件图标组件
  2. 在画布左侧组件列表上方,输入组件名称,找到该组件,然后将组件拖拽到中间画布。
    您也可在组件下拉列表中选择组件类型,展开组件列表,找到目标组件。 组件
  3. 在右侧配置栏,完成组件配置。详细内容请参见本产品文档Web可视化开发 > 组件目录下的各组件文档。

组件通用操作

  • 操作单个组件操作单个组件

    选中组件,单击鼠标右键,可进行剪切、复制、锁定等操作。

    说明
    • 支持在同一应用下,跨页面粘贴剪切的组件。
    • 支持在同一账号下,跨页面、跨应用和跨项目粘贴复制的组件。
    • 不支持对锁定组件执行任何操作。如需操作,需先解锁。
  • 成组或解散组组件组
    • 成组:选中需要成组的多个组件,单击鼠标右键,选择成组
      说明
      • 支持在右侧样式中配置组名、组的可见性和透明度。
      • 支持在同一应用中,跨页面粘贴剪切或复制的组件组。
    • 解散组:选中组件组,单击鼠标右键,选择解散组