简介
提示
1. 概述
万维组态是一款功能强大的基于Web的可视化组态编辑器,采用标准HTML5技术,基于B/S架构进行开发,支持WEB端呈现;基于浏览器的高效图形化开发工具,专为工业自动化、物联网、智能制造等领域设计。它能够通过简洁的拖拽操作,将数据、流程和逻辑直观地可视化,帮助用户快速构建功能强大且界面美观的组态画面
2. 功能特点
2.1 图形化编辑器
多样化的图形库,提供广泛的图形组件库,涵盖:
- 基础控件:矩形、圆形、线条等基本图形。
- 流程图:流程节点、决策框、箭头连接等。
- 电路图:电路节点、电阻、电容、电感等。
- UML建模:类图、用例图、状态图等支持标准的UML 2.5规范。
- 工业符号:阀门、泵、管道、仪表等符合ISO 1219标准的工业符号。
- 自定义图形:支持用户自定义图形库,满足个性化需求。
- 拖拽操作:无需编写代码,用户只需将图形从左侧组件库拖拽到画布,即可完成图形绘制和布局。 还有更多图形组件库,满足不同场景的需求。
2.2 高度可配置的画布
- 分辨率支持:用户可自定义画布的显示分辨率(如1920x1080),适配多种显示设备。
- 方向与背景设置:支持横向和纵向布局,允许上传图片作为背景或使用纯色背景。
- 辅助功能:
- 网格对齐:用户可启用网格以对齐组件,提高排版精度。
- 辅助线:支持拖拽辅助线,优化布局逻辑。
2.3 节点与连接的丰富设置
- 节点交互:提供灵活的节点配置,包括显示/隐藏节点外框。调整节点的对齐方式与连接点位置。
- 连接关系:支持多种连接线样式(直线、折线、曲线等),并允许自定义颜色、粗细和箭头样式。
2.4 即时预览与交互
- 实时预览:所见即所得,用户可以在编辑器中随时查看最终界面的效果。
- 动态交互:支持鼠标悬停、点击触发等多种交互方式,可直接与设备数据进行实时联动。
2.5 数据绑定与虚拟变量支持
用户可将设备数据(如实时监控的温度、压力等)绑定到组态图中的元素。 支持虚拟变量的配置,可用于计算公式、状态转换和复杂逻辑操作。
更多请参考demo
3. 技术优势
3.1 全WEB架构
纯前端运行,无需额外安装客户端,跨平台兼容性强。 基于现代技术栈(如HTML5、CSS3、JavaScript),性能高效。
3.2 自定义能力强
开放的插件接口,支持用户编写扩展插件以增强功能。 可导出项目为JSON格式,便于与其他系统集成。
3.3 数据实时联动
集成智捷云物联网平台API,支持设备数据实时同步。通过双向绑定实现数据的实时更新与图形化展现。
3.4 安全与稳定性
确保数据安全。针对工业场景优化,能在高数据频率的情况下保持稳定。
4. 应用场景
4.1 工业自动化
工厂设备的实时监控与远程控制。 生产流程的可视化建模。
4.2 智慧城市
智能交通监控(如红绿灯状态、车辆流量统计)。 能源管理(如水、电、气表监测)。 智慧水务等
4.3 物联网平台
数据大屏展示:结合实时数据,实现信息的集中展示。 设备状态监控:快速构建仪表盘,动态展示设备状态。
4.4 教育与科研
模拟复杂系统的流程(如电路仿真、网络拓扑结构)。 数据分析与可视化实验平台。
5. 产品价值
- 提升开发效率:大幅减少开发组态界面的时间,无需编写复杂代码即可完成项目。
- 降低学习门槛:即使是非专业人员也可以轻松使用,适合技术团队和终端用户共同操作。
- 增强可视化表现力:提供直观的数据展现方式,提高用户对系统的理解和决策效率。