别再找了！这款轻量Web组态编辑器让你效率翻倍

上次发的一篇文章（Web 组态，你确定只差 1 个前端图形库？）中，我们提到许多企业在自研 Web 组态软件时，低估了其技术复杂度，误以为“买一个前端图形库就能搞定”。这种认知可能导致项目严重延期甚至失败。为满足企业对组态编辑器的需求，我们打造了一款轻量型组态编辑器软件 TopV。
很多朋友主动联系我咨询这款产品，所以这次我打算再稍微介绍下这个轻量型 Web 组态编辑器产品。这款产品主要面向以下需求的用户：

• 用户已经自己完成了数据采集，不再需要组态的数采功能。
  
• 缺少图形部分，图形化展示是核心需求，简单的数据看板无法满足需求。
  
• 需要组态编辑器和组态画面都可以集成到自己的业务平台。
  

下面介绍一下轻量型组态编辑器软件的一些核心功能，以及它是如何做到让用户只需要投入几个小时，就可以实现将组态编辑器融合到自己业务平台的。
应用场景：不只是工艺流程图

组态编辑器，主要用于工业场景，可制作工艺流程图、数据看板、大屏看板、操作面板等各类图形化界面。

工艺流程图

操作面板

产线可视化看板

工厂总览看板

产线工况

数据看板

能源大屏产品特性

• 虽然功能强大，但不笨重，安装包大小不到 50M。
  
• B/S模式设计，只需要安装到一台服务器上，无需安装客户端和设计工具，用户可随时随地访问。
  
• 基于 HTML5 标准开发，所有操作均通过浏览器实现，不依赖任何插件。
  
• 支持 Windows、Linux 、国产操作系统。支持容器化部署。
  
• 适配信创生态，支持国产操作系统、国产服务器、国产数据库。
  
• 移动端支持：支持移动终端设备上访问，支持小程序、轻应用访问。
  
• 高实时性：区别于传统的刷新机制，TopV 采用变化推送机制，将变化数据实时推送到前端，实时性高、节省带宽和流量。
  
• 多语言支持：默认提供中文、英文支持。可扩展其它语言。
  
• 可定制主题配色，支持预置主题设置，可支持常规模式和深色模式。
  
• 访问控制，提供基于角色的权限控制功能，支持权限继承机制。
  
• 组态资源支持导入导出功能，可在将提前开发好的组态图导入到生产环境，减少驻场时间。
  

组态编辑器

组态编辑器，通过拖拉拽方式即可快速制作组态监控画面，满足工业场景图形图表组态监控需求。

内置组件库，包括数显框、时钟、仪表盘、指⽰灯、开关、按钮、进度指示器、表单组件、交互组件等。

内置图表库，支持折线图、柱状图、饼图、雷达图、复合图、散点图、仪表盘等。

提供行业图库，包括管道、阀门、电机、按钮、物流、能源、建筑、电力等。

动画支持：支持定时器、颜色、旋转、闪烁、流动、位移、缩放动画。
支持 JS 脚本语言，可实现满足复杂的业务逻辑需求。
支持基本的交互型功能画面的构建，支持事件监听包括鼠标事件、触摸事件（事件类似包括单击、双击、按下、抬起）。
提供预置的交互动作包括切换画面、弹出画面、打开链接、远程控制、闪烁复归、历史回放。
支持视频接入，单画面可接入多路视频显示；
数据绑定：图元样式、属性、动画等属性值与业务数据之间关联绑定。绑定关系建立之后，实现数据驱动图形变化。
图纸模板

可用于制作设备详情页等需要重用图纸的场景。

数据质量可视化

数据质量用于衡量某测点值的可靠性。
如果一个测点值的质量不是很好，那么这个值通常不应该被信任，并且会显示一个标识符，以使得该测点值的数据质量可见。

历史数据回放

对指定时间段内的组态画面随着数据源数据的变化进行回放，可用于事故分析、操作示范、案例分析、启停机过程分析等场景。

趋势弹窗

双击值显示组件可自动弹窗趋势窗口。

视频支持

可集成视频监控平台，支持实时预览，录像回放。

可集成到第三方平台

组态编辑器、组态画面，都可以集成到第三方平台。

版本控制

提供版本控制功能，每个组态画面可以独立发布版本，历史版本可查询、可恢复。
接口适配

我们已经帮用户实现了组态编辑器 99% 的功能，唯一需要留给用户完成的主是接口适配，将用户自有平台与 TopV 进行打通。
与用户自有平台实现数据打通需要完成实时数据、历史数据、反写、标签 共 4 类接口的适配。
实时数据：组态画面中大部分使用的是实时数据，通过数据的实时变化，驱动画面中的图形变化，比如文本内容变化、颜色变化、可见性变化、动画效果等。
历史数据：组态应用场景除了实时数据外，同样有很多地方涉及到历史数据的接入，比如历史曲线、历史画面回放、趋势分析等。第三方平台需要提供历史数据接口供组态平台调用。
反写接口：用于实现对组态软件的控制点进行遥控或者进行远程调参。如果有反写需求，第三方平台需要提供反写接口供组态平台调用。
标签接口：在进行组态开发时，绑定测点数据需要输入测点标签。为了避免输入错误，可以使用“标签选择器”选择标签。由于设备和测点的标签数据由第三方平台负责管理，所以需要第三方平台提供标签接口给 TopV 调用。
对于不同的接口实现，我们提供了相应的文档说明，方便用户进行开发。同时我们还提供了不同编程语言的适配程序示例，基于我们提供的适配程序示例，用户只需要投入几个小时就可以完成接口适配工作。
 

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！