ThingsKit物联网平台可视化工具之组态编辑器

概述

组态设计器的作用是让用户可以通过简单的拖拽和配置,创建出符合自己需求的SCADA/组态界面。它可以帮助用户快速构建出完整的组态,而不需要过多的编码知识和复杂的操作。

编辑器的特点

  • 可视化编辑:用户可以通过简单的拖拽和放置,添加元素,如文本、变量、视频、图表、控制按钮、参数配置等。
  • 实时预览:用户可以在编辑过程中实时预览组态效果,以便更好地进行调整和配置。
  • 丰富的内容:编辑器还提供了丰富的模板和样式,可以满足不同用户的需求。
  • 响应式设计:编辑器通常支持响应式设计,可以根据不同的屏幕大小和设备类型,自动调整组态布局和样式。
  • 导入和导出:用户可以将编辑好的组态页面导出为XML文件,并分享给其他人;导入到编辑器中。

功能区介绍

菜单栏及常用操作

对于菜单栏,很多功能对用户而言,几乎不用关心;只有常用操作按钮,使用最为频繁。

下面就详细介绍一下常用操作按钮。
导入 :导入功能主要是在数据迁移或者模板共享时,特别好用;将本系统其他平台上的XML模板;导入到自己的平台上面使用。
导出:导出功能就是将自己的模板,分享给别人,或者存档。

组件区域

组件区域中,我们将最为常用的元件放在了最开始的地方。
基础组件 :这类组件可以方便用户设计和展示采集数据内容;其中包括Title组件、变量组件、线条组件、动态日期组件、图片组件、视频组件、告警列表组件等。

**控制组件:**这类组件的作用为对设备进行控制以及下发指令,以及其中包括开关组件、参数设置组件。

**图表组件:**这类组件的作用就是将动态的原始数据,通过图表类展示,使得数据更具有可读性,更加直观。

工作区域

工作区域,也为设计区域;您可以自由发挥,或者根据已有的效果图;设计出漂亮的工艺流程;您可以将各种组件随意的拖到工作区域;然后选中该组件,对每个组件进行样式设置;以达到最佳效果。

多页面管理

通常情况下,一个组态可以包含多个页面,每个页面可以展示不同的数据、信息或结果。

在很多组态展示中,通常会有用第一个页面直接的表达工艺流程;第二个页面则会做参数设置;便于用户在使用时,可以设置一些参数而提供便捷。

样式及数据配置

样式配置

在未选中任何组件时,视为对页面设置,包括页面背景、页面尺寸等设置。

在选中某个组件时,则是对这个组件的样式设置,包括边框、背景、字体颜色、字体大小等设置。

数据配置

数据配置在页面中叫数据绑定,根据不同的组件所绑定的内容以及效果不一样;

如变量组件,则需要通过设置设备类型、产品、组织、设备、属性五要素;从而实时读取到属性的值。

文章来源(首发地址):ThingsKit物联网平台

相关推荐
MonolithIoT6 小时前
实战方案|智能称重货架:制造业线边仓主动预警式数字化库存管理落地指南
物联网·制造业·线边仓·智能线边仓
星恒讯工业路由器7 小时前
5G工业路由器在智慧工厂中的应用解析:从数据采集到云端管理
物联网·信息与通信·智慧工厂·5g工业路由器·产线数据采集
hongmai6668888 小时前
ESP32-C5-WROOM-1-N16R8:双频Wi-Fi 6与多协议融合,重新定义物联网连接新标准
笔记·嵌入式硬件·物联网·智能路由器·risc-v
延凡科技1 天前
延凡科技电力数字化平台技术解析:从电力交易到虚拟电厂的全链路架构实践
人工智能·科技·物联网·架构·虚拟电厂·电力平台
TDengine (老段)1 天前
TDengine Go 与 Rust 连接器 — 高性能异步访问
大数据·数据库·物联网·golang·rust·时序数据库·tdengine
老孙讲技术1 天前
做过安防后端的人都懂:别把「云录像留证」和「告警外呼叫醒」拆成两套台账——分层搭重大事件触达
物联网·安全
星恒讯工业路由器1 天前
仓储AGV无线组网指南
物联网·信息与通信·工业物联网·仓储物流机器人·agv无线组网·仓储无线覆盖·远程配置
柱子jason1 天前
使用IOT-Tree消息流节点直接开放RESTful Api支持大屏展示
物联网
老孙讲技术1 天前
凌晨三点报警全乱了:一个 callback 地址,如何把设备托管消息拆成多客户流水线?
物联网·音视频开发
国科安芯1 天前
还是4位?ASC8T245S 与 ASC4T245S 的双向电平转换选型实战
单片机·嵌入式硬件·物联网·fpga开发·机器人·云计算