CN116610320B - 一种建筑自控***组态页面的配置*** - Google Patents
一种建筑自控***组态页面的配置*** Download PDFInfo
- Publication number
- CN116610320B CN116610320B CN202310899694.6A CN202310899694A CN116610320B CN 116610320 B CN116610320 B CN 116610320B CN 202310899694 A CN202310899694 A CN 202310899694A CN 116610320 B CN116610320 B CN 116610320B
- Authority
- CN
- China
- Prior art keywords
- configuration
- class
- node
- data
- elements
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000013499 data model Methods 0.000 claims abstract description 30
- 238000000034 method Methods 0.000 claims abstract description 18
- 230000002776 aggregation Effects 0.000 claims abstract description 12
- 238000004220 aggregation Methods 0.000 claims abstract description 12
- 230000000694 effects Effects 0.000 claims abstract description 7
- 238000007726 management method Methods 0.000 claims description 22
- 238000012545 processing Methods 0.000 claims description 16
- 230000000007 visual effect Effects 0.000 claims description 8
- 238000009877 rendering Methods 0.000 claims description 6
- 230000007246 mechanism Effects 0.000 claims description 5
- XLYOFNOQVPJJNP-UHFFFAOYSA-N water Substances O XLYOFNOQVPJJNP-UHFFFAOYSA-N 0.000 claims description 5
- 230000009471 action Effects 0.000 claims description 4
- 239000000498 cooling water Substances 0.000 claims description 4
- 238000005457 optimization Methods 0.000 claims description 4
- 238000012986 modification Methods 0.000 claims description 3
- 230000004048 modification Effects 0.000 claims description 3
- 230000004044 response Effects 0.000 claims description 3
- 238000005316 response function Methods 0.000 claims description 3
- 238000003860 storage Methods 0.000 claims description 3
- 238000007792 addition Methods 0.000 claims description 2
- 238000012217 deletion Methods 0.000 claims description 2
- 230000037430 deletion Effects 0.000 claims description 2
- 238000012800 visualization Methods 0.000 abstract description 4
- 238000010586 diagram Methods 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 5
- 238000012544 monitoring process Methods 0.000 description 5
- 230000001276 controlling effect Effects 0.000 description 4
- 238000011161 development Methods 0.000 description 4
- 230000003993 interaction Effects 0.000 description 3
- 230000002159 abnormal effect Effects 0.000 description 2
- 239000003086 colorant Substances 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 238000005265 energy consumption Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000001105 regulatory effect Effects 0.000 description 2
- 238000004378 air conditioning Methods 0.000 description 1
- 238000004458 analytical method Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000003139 buffering effect Effects 0.000 description 1
- 238000003745 diagnosis Methods 0.000 description 1
- 238000005538 encapsulation Methods 0.000 description 1
- 230000007613 environmental effect Effects 0.000 description 1
- 238000011156 evaluation Methods 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000004886 process control Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F30/00—Computer-aided design [CAD]
- G06F30/10—Geometric CAD
- G06F30/13—Architectural design, e.g. computer-aided architectural design [CAAD] related to design of buildings, bridges, landscapes, production plants or roads
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/02—Total factory control, e.g. smart factories, flexible manufacturing systems [FMS] or integrated manufacturing systems [IMS]
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Geometry (AREA)
- Computer Hardware Design (AREA)
- Human Computer Interaction (AREA)
- Architecture (AREA)
- Civil Engineering (AREA)
- Computer Security & Cryptography (AREA)
- Structural Engineering (AREA)
- Computational Mathematics (AREA)
- Mathematical Analysis (AREA)
- Mathematical Optimization (AREA)
- Pure & Applied Mathematics (AREA)
- Evolutionary Computation (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明提供了一种建筑自控***组态页面的配置***,包括元件模块、数据模型和视图区域模块;所述视图区域模块包括画布区域和预览图区域;元件模块的各个元件关联相应的组件,所有组件构成组件库;元件模块的元件被拖拽至画布区域后,生成相应的节点;数据模型用于存储节点所对应的图形的拓扑结构。本发明通过自由拖拽元件生成SVG展示,支持多种聚合组件,支持嵌入式组件,支持大屏可视化、拓扑图、设备运行图等多种复杂页面,具有可缩放性、文件小、加载速度更快,支持自定义复杂页面配置,多样化控制动画效果,适用于绘制上位机软件、流程图配置、多样化大屏的配置等。
Description
技术领域
本发明属于控制***技术领域,涉及一种建筑自控***组态页面的配置***。
背景技术
组态指一些数据采集与过程控制的专用软件,是面向监控与数据采集的自动控制***监控层一级的软件平台和开发环境,能以灵活多样的组态方式(而不是编程方式)提供良好的用户开发界面和简捷的使用方法。实际生产中,可以通过灵活的组态配置快速建立工业自动控制***的监控功能。
目前,在智能建筑中,现在应用的自控***组态存在如下问题:
现有的组态制作一般为C/S架构,需要安装客户端,且不开源,需要缴纳一定会员费用,且更换电脑,需要重新安装;
现有组态配置一般是工业化风格,风格单一,支持元件少,且无法做到定制化开发,如展示冷水机组拓扑图、展示制冷机房运行线路、数据统计图表和复杂的大屏页面等,不同的项目页面需要定制化开发,复杂、动态的页面无法实现;现阶段组态中支持元件过少,无法支持多种组合方式,无法生成多样化页面;
现有组态配置多样化控制,根据不同的状态展示不同的效果,现有一般使用gif等动效图片进行动态切换。
发明内容
为解决现有技术存在的难题,本发明提供了一种建筑自控***组态页面的配置***,包括元件模块、数据模型和视图区域模块;所述视图区域模块包括画布区域和预览图区域;元件模块的各个元件关联相应的组件,所有组件构成组件库;元件模块的元件被拖拽至画布区域后,生成相应的节点;数据模型用于存储节点所对应的图形的拓扑结构,包括父子关系、连接关系和层次关系,用于存储节点所对应的图形的属性,用于响应用户在画布区域中节点的操作,所述响应包括:对节点的图形中的元素进行增加、删除和修改;对配置完成的组态生成可视化页面;对节点的组件的属性进行设置;元件的节点与建筑自控***的设备点位关联,数据模型接收设备点位的实时数据,根据设备点位的实时数据进行配置数据的动态切换,并实时更新组态展示效果。
进一步地,所述元件模块的元件分为基础元件、聚合元件、自定义元件及图库;每个元件都有唯一的元件标识,用Type表示;每个节点都有一个唯一的ID,以ID属性来区分数据模型中的每个节点;根据节点所对应的元件的Type值和节点的ID在数据模型中查找和操作节点;通过修改节点的初始属性来配置节点的图形结构,通过ID获取当前节点,并进行当前节点的单击、双击的事件处理。
进一步地,基础元件包括矩形rect、圆形circle和直线line,聚合元件包括立方体cube,自定义元件包括图表chart、地图map和3D模型,图库包括svg、png和gif格式的图片。
进一步地,所述聚合元件通过自定义形状和绘制方法来实现,具体包括以下步骤:
创建一个形状工厂,该形状工厂为Shape类,该形状工厂中包含所有的基础元件的形状,还包括使用HTML5 Canvas或HTML5 SVG来绘制的形状;
定义一个聚合元件的形状类,该形状类继承形状工厂的形状,用来描述聚合元件的属性和行为;
使用唯一字符串标识符将新定义的聚合元件与其对应的类关联起来;
通过扩展和使用形状工厂来生成多个聚合元件。
进一步地,所述自定义元件通过配置元件的Type值及相对应的图形结构和初始属性的方法快速增加;当需要增加自定义元件时,设置自定义元件的Type值,从外部导入此元件所对应的组件,并将导入的组件同步更新至组件库,并创建外层容器包裹此组件使之嵌入到基础元件所对应的图形中。
进一步地,所述数据模型包括图形结构、属性、数据序列化、事件处理四部分,数据模型通过其包含的各个类的继承和组合关系来实现上述存储、响应功能,具体包括:
graph类:是组态编辑器的核心类,用于控制组态的创建、编辑、渲染行为;通过事件处理机制、封装事件管理和派发,响应用户操作;
Modal类:是组态编辑器的模型类,用于存储和管理图形的数据,包含了节点的层次结构和属性,用于对节点进行增、删、改、查操作;
Geometry类:是组态编辑器的几何属性类,包含了节点的位置坐标、宽度、高度信息;
Cell类:代表节点的结构,用于存储节点的图形元素之间的拓扑结构,所述拓扑结构包括父子关系、连接关系和层次关系;通过对节点的管理,创建、删除、移动和重排节点的图形元素,修改图形元素的大小、位置,实现图形的结构管理和布局;
Style类:是组态编辑器的样式类,用于定义和管理节点的图形元素的样式;
Decode类:是组态编辑器的序列化类,用于将多个节点序列化为JSON数据或者XML结构文件,将组态数据保存到服务器,适用于多种设备;也用于通过将数据还原为可编辑的图形对象,进行对节点的图形的再次编辑保存;
Render类:是组态编辑器的渲染器类,负责将图形元素的数据渲染到预览图上。
进一步地,所述建筑自控***的设备包括关联冷水机组、冷却水泵和新风机组,通过设备点位远程监控和控制设备,实时监测设备的状态、温度、湿度、压力等参数及控制设备参数,对设备进行自动化控制和调节,以实现能效优化和舒适化管理。
与现有技术相比,本发明具备以下有益效果:
使用HTML5技术标准,采用B/S架构,通过自由拖拽元件生成SVG展示,支持多种聚合组件,支持嵌入式组件,支持大屏可视化、拓扑图、设备运行图等多种复杂页面,具有可缩放性、文件小、加载速度更快,支持自定义复杂页面配置,多样化控制动画效果,适用于绘制上位机软件、流程图配置、多样化大屏的配置等;通过元件的节点关联设备点位,进行设备的接入和控制设计,视图可视化展示实现自动化控制和智能化管理, 在建筑自控***的组态中通过软件***对建筑楼宇中的设备、***、网络进行编程配置,使其可以实现自动化控制和智能化管理;通过组态技术,配置建筑楼宇中的各种设备可以自动配合、互相协作,达到最佳的运行状态,同时也能够提高设备的运行效率、降低运行成本和增强安全性。
附图说明
图1为本发明的实施例的元件和对应组件的示例图。
图2为本发明的实施例的整体结构示意图。
图3为本发明的实施例的数据模块的结构示意图。
图4为本发明的实施例的生成自定义元件的流程示意图。
图5为本发明的实施例的用户交互界面的示意图。
图6为本发明的实施例的应用之一的组态的具体展示图的左部分。
图7为本发明的实施例的应用之一的组态的具体展示图的右部分。
图8为本发明的实施例的应用之一的组态配置大屏的具体展示图的左部分。
图9为本发明的实施例的应用之一的组态配置大屏的具体展示图的右部分。
图10为本发明的实施例的应用之一的楼栋的各个房间的设备拓扑图的左部分。
图11为本发明的实施例的应用之一的楼栋的各个房间的设备拓扑图的右部分。
具体实施方式
下面结合说明书附图和具体的实施例,对本发明作详细描述。
针对上述技术问题,本发明提出通过一个综合的总览配置***,使用HTML5技术标准,采用B/S架构,通过自由拖拽元件生成SVG展示,支持多种聚合组件,支持嵌入式组件,支持大屏可视化、拓扑图、设备运行图等多种复杂页面,具有可缩放性、文件小、加载速度更快,支持自定义复杂页面配置,多样化控制动画效果,适用于绘制上位机软件、流程图配置、多样化大屏的配置等。
如图5所示,本实施例提供了一种建筑自控***组态页面的配置***,包括元件模块、数据模型和视图区域模块;所述视图区域模块包括画布区域和预览图区域;元件模块的各个元件关联相应的组件,所有组件构成组件库,如图1所示;元件模块的元件被拖拽至画布区域后,生成相应的节点;数据模型用于存储节点所对应的图形的拓扑结构,包括父子关系、连接关系和层次关系,用于存储节点所对应的图形的属性,用于响应用户在画布区域中节点的操作,所述响应包括:对节点的图形中的元素进行增加、删除和修改;对配置完成的组态生成可视化页面;对节点的组件的属性进行设置。元件的节点与建筑自控***的设备点位关联,数据模型接收设备点位的实时数据,根据设备点位的实时数据进行配置数据的动态切换,并实时更新组态展示效果。所述建筑自控***的设备包括关联冷水机组、冷却水泵和新风机组,通过设备点位远程监控和控制设备,实时监测设备的状态、温度、湿度、压力参数及控制设备参数,对设备进行自动化控制和调节,以实现能效优化和舒适化管理。
组态页面的配置***是由元件区域、数据模型及视图区域模块组成,通过组态元件的灵活拓展方法,实现通用化,高度复用,画布的可视化控制及元件的多样化配置形成,通过元件的节点关联设备点位,进行设备的接入和控制设计,如图2所示。
元件区域包括若干元件,元件分为基础元件(矩形rect、圆形circle、直线line等)、聚合元件(立方体cube等组合型元件)、自定义元件(图表chart、地图map、3D模型嵌入等复杂交互元件)及图库(svg、png、gif等格式),支持多种图片上传应用到画布中。
数据模型包括图形结构、属性、数据序列化和事件处理。
通过拖拽元件至画布区域,生成相应的节点。每个节点都有一个唯一的ID,以ID属性来区分数据模型中的每个节点,通过修改节点的初始属性来配置节点的图形结构,通过ID获取当前节点,并进行当前节点的单击、双击等事件处理;
每个元件都有唯一的元件标识,用Type表示,根据节点所对应的元件的Type值和节点的ID在数据模型中查找和操作节点;
例如,当基础元件为矩形时,其Type值为rect,则匹配对应的节点的图形结构为“<rect></rect>”,并设置其初始属性,该初始属性包括横轴x、竖轴y、宽度width和高度height,具体如下:<rect x=“20” y=“20”width=“100” height=“100”></rect>。
基础元件所对应的组件为基础组件,基础组件通过JSON格式配置(如{ type: '',x: '', y: '', width: '', height: '',... })。
聚合元件通过自定义形状和绘制方法来实现,具体包括以下步骤:
创建一个形状工厂(Shape类),其中包含所有的基础元件的形状,还包括使用HTML5 Canvas或HTML5 SVG来绘制的形状;
定义一个聚合元件的形状类,该形状类继承形状工厂的形状,用来描述元件的属性和行为;
使用唯一字符串标识符(如立方体cubeShape、圆柱cylinderShape)将新定义的与其对应的类关联起来;
通过扩展和使用形状工厂来生成多个聚合元件。
自定义元件通过配置元件的Type值及相对应的图形结构和初始属性的方法快速增加;当需要增加自定义元件时,设置自定义元件的Type值,从外部导入此元件所对应的组件,并将导入的组件同步更新至组件库,并创建外层容器包裹此组件使之嵌入到元件所对应的图形中。如地图元件(Map),首先配置Type值为Map,导入地图组件,更新到服务器,然后创建Map容器,使之嵌入到Map容器中;如图4所示。
如图3所示,所述数据模型包括图形结构、属性、数据序列化、事件处理四部分,数据模型用于存储节点所对应的图形的拓扑结构和属性,图形的拓扑结构,包括父子关系、连接关系和层次关系等。通过数据模型,可以轻松地创建、删除、移动和重排图形的元素,以实现图形的结构管理和布局。
使用事件处理机制响应用户交互和图形操作,通过封装事件管理和派发,响应用户操作。
1、对节点的图形中的元素进行增加、删除和修改;
2、设置节点的组件的属性、事件处理的程序和样式;
3、对配置完成的组态生成可视化页面。
数据模型通过其包含的各个类的继承和组合关系来实现上述存储、响应功能,具体包括:
(1)graph类:是组态编辑器的核心类,负责图形模型、视图、事件处理,包含了各种操作方法和属性,用于控制组态的创建、编辑、渲染等行为;使用graph类实现,通过事件处理响应用户交互和对图形的操作,通过封装事件管理和派发,响应用户操作;
(2)Modal类:是组态编辑器的模型类,用于存储和管理图形的数据,它包含了元件的节点的层次结构和属性,可对元件的节点进行增、删、改、查等操作;
(3)Geometry类:是组态编辑器的几何属性类,用于描述节点的元素的位置和大小,包含了元件节点的位置坐标、宽度、高度等信息;
(4)Cell类:代表节点的结构,用于存储节点的图形元素之间的拓扑结构,所述拓扑结构包括父子关系、连接关系和层次关系;通过对节点的管理,创建、删除、移动和重排节点的图形元素,修改图形元素的大小、位置,实现图形的结构管理和布局;
(5)Style类:是组态编辑器的样式类,用于定义和管理图形元素的样式,如边框颜色、填充颜色等;
(6)Decode类:是组态编辑器的序列化类,将数据序列化为图形对象,图形对象序列化为数据;通过将多个节点序列化为JSON数据或者XML结构文件,将组态数据保存到服务器,适用于多种设备;同时,通过将数据还原为可编辑的图形对象,进行对节点的图形的再次编辑保存;
(7)Render类:是组态编辑器的渲染器类,负责将图形模型的数据渲染到视图上。
graph是整个组态编辑器的控制中心,Modal类来管理数据,使用Decode类序列化、Render类来渲染图形,而Cell类与Geometry类来描述和操作节点的图形元素的结构和属性,并使用Style来定义和修改节点的样式。
所述组态页面的配置***可通过元件节点关联设备的点位,根据节点ID设置当前节点的点位信息(从显示输出、字符颜色、按钮输入、按钮动作等配置来设定),组态配置完成生成可视化页面。数据模型通过WebSocket请求设备的点位的实时数据,通过发送指令,接收点位的实时数据或状态,根据点位的实时数据进行配置数据的动态切换,并实时更新组态展示效果。所述设备包括关联冷水机组、冷却水泵和新风机组,通过关联这些设备的运行状态、运行参数、启停控制及故障告警,管理员通过设备点位远程监控和控制设备,可以实时监测设备的状态、温度、湿度、压力等参数及控制设备参数,这些数据用于建立建筑自控***,对设备进行自动化控制和调节,以实现能效优化和舒适化管理。同时也可以获取机组的能耗数据,并将其与建筑的能源管理***进行整合,可以进行能源消耗分析和评估,从而制定有效的能源管理策略,达到节能目的。通过设备点位配置实时告警和告警历史,可以帮助进行故障诊断和维护,通过监测设备的运行数据和性能指标,及时发现故障和异常问题,并进行预警(语音播报)和通知(短信推送),以确保可靠运行。
在请求中有如下处理机制:
1、网络故障、服务器故障或其他原因导致连接中断,为了处理WebSocket异常断开,采用消息缓存,自动重连。
2、并发处理,可以使用javascript的web worker来创建多个工作线程来处理webSocket请求,将任务合理地划分成较小的子任务,并使用多个Web workers并行处理这些子任务,充分利用多核处理器和并发性,提高整体处理速度。
3、心跳机制 当长连接时,维护连接状态会增加服务器负担,并且过多连接会导致性能问题,客户端和服务器可以定期交换心跳消息以确保连接处于活动状态。如果服务器在一定时间内没有收到心跳消息,可以关闭连接并释放资源。
图6和图7是本实施例的应用之一的组态的具体展示图,分为元件区域、画布区域、工具栏及属性设置,元件区域包括基础元件、控制元件、自定义元件(图表组件、模板元件)及图库(svg、png、gif等多种格式图片),图库可通过上传图片的形式应用到画布中,通过拖拽元件至画布区域,生成预览图(预览图区域展示),工具栏提供一些撤销重做、组合取消组合、锁定解锁、导入导出(通过序列化数据相互转换格式,进行导入导出操作)等一些快速配置操作,右侧属性设置分为页面设置及样式、文本、排列属性设置,可进行画布大小、背影颜色及节点(拖拽进来的元件如矩形、立方体等这些拖拽进画布就会生成一个节点)的背影、字体、排列等操作,点击保存,数据序列化后与后端交互,保存在服务器端。
图8和图9是本实施例的应用之一的组态配置大屏的例子,可进行复杂组件的展示,通过一些自定义组件,实现复杂图表、复杂配置。
图10和图11是本实施例的应用之一的楼栋的各个房间的设备拓扑图(在医院场景中),然后通过绑定设备点位,视图可视化展示实现自动化控制和智能化管理,例如通过控制空调参数及室内温度可以控制空气质量、温度、湿度等环境参数,确保患者在舒适、安全的环境中接受治疗。同时,建筑自控***组态技术还可以控制医疗设备的使用,提高医疗设备的效率和安全性。
在建筑自控***的组态中通过软件***对建筑楼宇中的设备、***、网络进行编程配置,使其可以实现自动化控制和智能化管理的技术。通过组态技术,配置建筑楼宇中的各种设备可以自动配合、互相协作,达到最佳的运行状态,同时也能够提高设备的运行效率、降低运行成本和增强安全性。
组态中提供配置性列表,支持增删改查、排序功能,提供云组态编辑器,绘制现场运行画面,实现对现场的可视化管理,组态客户端是展示现场运行画面,通过一系列操作实现对设备操作。用物联网技术对设备进行可视化管理,并通过绘制组态总览仿真模拟现实环境,实现快速对设备远程操作。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (6)
1.一种建筑自控***组态页面的配置***,其特征在于,包括元件模块、数据模型和视图区域模块;所述视图区域模块包括画布区域和预览图区域;元件模块的各个元件关联相应的组件,所有组件构成组件库;元件模块的元件被拖拽至画布区域后,生成相应的节点;数据模型用于存储节点所对应的图形的拓扑结构,包括父子关系、连接关系和层次关系,用于存储节点所对应的图形的属性,用于响应用户在画布区域中节点的操作,所述响应包括:对节点的图形中的元素进行增加、删除和修改;对配置完成的组态生成可视化页面;对节点的组件的属性进行设置;元件的节点与建筑自控***的设备点位关联,数据模型接收设备点位的实时数据,根据设备点位的实时数据进行配置数据的动态切换,并实时更新组态展示效果;
所述数据模型包括图形结构、属性、数据序列化、事件处理四部分,数据模型通过其包含的各个类的继承和组合关系来实现上述存储、响应功能,具体包括:
graph类:是组态编辑器的核心类,用于控制组态的创建、编辑、渲染行为;通过事件处理机制、封装事件管理和派发,响应用户操作;
Modal类:是组态编辑器的模型类,用于存储和管理图形的数据,包含了节点的层次结构和属性,用于对节点进行增、删、改、查操作;
Geometry类:是组态编辑器的几何属性类,包含了节点的位置坐标、宽度、高度信息;
Cell类:代表节点的结构,用于存储节点的图形元素之间的拓扑结构,所述拓扑结构包括父子关系、连接关系和层次关系;通过对节点的管理,创建、删除、移动和重排节点的图形元素,修改图形元素的大小、位置,实现图形的结构管理和布局;
Style类:是组态编辑器的样式类,用于定义和管理节点的图形元素的样式;
Decode类:是组态编辑器的序列化类,用于将多个节点序列化为JSON数据或者XML结构文件,将组态数据保存到服务器,适用于多种设备;也用于通过将数据还原为可编辑的图形对象,进行对节点的图形的再次编辑保存;
Render类:是组态编辑器的渲染器类,负责将图形元素的数据渲染到预览图上。
2.根据权利要求1所述的建筑自控***组态页面的配置***,其特征在于,所述元件模块的元件分为基础元件、聚合元件、自定义元件及图库;每个元件都有唯一的元件标识,用Type表示;每个节点都有一个唯一的ID,以ID属性来区分数据模型中的每个节点;根据节点所对应的元件的Type值和节点的ID在数据模型中查找和操作节点;通过修改节点的初始属性来配置节点的图形结构,通过ID获取当前节点,并进行当前节点的单击、双击的事件处理。
3.根据权利要求2所述的建筑自控***组态页面的配置***,其特征在于,基础元件包括矩形rect、圆形circle和直线line,聚合元件包括立方体cube,自定义元件包括图表chart、地图map和3D模型,图库包括svg、png和gif格式的图片。
4.根据权利要求3所述的一种建筑自控***组态页面的配置***,其特征在于,所述聚合元件通过自定义形状和绘制方法来实现,具体包括以下步骤:
创建一个形状工厂,该形状工厂为Shape类,该形状工厂中包含所有的基础元件的形状,还包括使用HTML5 Canvas或HTML5 SVG来绘制的形状;
定义一个聚合元件的形状类,该形状类继承形状工厂的形状,用来描述聚合元件的属性和行为;
使用唯一字符串标识符将新定义的聚合元件与其对应的类关联起来;
通过扩展和使用形状工厂来生成多个聚合元件。
5.根据权利要求3所述的建筑自控***组态页面的配置***,其特征在于,所述自定义元件通过配置元件的Type值及相对应的图形结构和初始属性的方法快速增加;当需要增加自定义元件时,设置自定义元件的Type值,从外部导入此元件所对应的组件,并将导入的组件同步更新至组件库,并创建外层容器包裹此组件使之嵌入到基础元件所对应的图形中。
6.根据权利要求1所述的建筑自控***组态页面的配置***,其特征在于,所述建筑自控***的设备包括关联冷水机组、冷却水泵和新风机组,通过设备点位远程监控和控制设备,实时监测设备的状态、温度、湿度、压力参数及控制设备参数,对设备进行自动化控制和调节,以实现能效优化和舒适化管理。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310899694.6A CN116610320B (zh) | 2023-07-21 | 2023-07-21 | 一种建筑自控***组态页面的配置*** |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310899694.6A CN116610320B (zh) | 2023-07-21 | 2023-07-21 | 一种建筑自控***组态页面的配置*** |
Publications (2)
Publication Number | Publication Date |
---|---|
CN116610320A CN116610320A (zh) | 2023-08-18 |
CN116610320B true CN116610320B (zh) | 2023-10-17 |
Family
ID=87682285
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310899694.6A Active CN116610320B (zh) | 2023-07-21 | 2023-07-21 | 一种建筑自控***组态页面的配置*** |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116610320B (zh) |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20140019627A (ko) * | 2012-08-06 | 2014-02-17 | 인크로스 주식회사 | 웹 어플리케이션 저작도구 및 저작 방법 |
CN109460232A (zh) * | 2018-09-27 | 2019-03-12 | 深圳新基点智能股份有限公司 | 一种组态页面的制作和监控方法 |
CN112398953A (zh) * | 2021-01-16 | 2021-02-23 | 合沃物联技术(南京)有限公司 | 一种基于物联网中间件的云端组态方法 |
CN112464119A (zh) * | 2020-11-17 | 2021-03-09 | 浙江浙大中控信息技术有限公司 | 一种基于web端的SCADA在线组态编辑方法 |
CN113342327A (zh) * | 2020-03-02 | 2021-09-03 | 中国科学院沈阳自动化研究所 | 一种生成可视化工业组态交互图形的方法 |
CN113515275A (zh) * | 2021-07-19 | 2021-10-19 | 上海繁易信息科技股份有限公司 | 一种所见即所得的云端工业组态软件***及其开发方法 |
CN113792435A (zh) * | 2021-09-16 | 2021-12-14 | 珠海格力电器股份有限公司 | 数据模型建立方法和装置、服务器 |
CN114327713A (zh) * | 2021-12-24 | 2022-04-12 | 珠海格力电器股份有限公司 | 设备参数的组态监控方法、组态化监控***的搭建*** |
WO2022156316A1 (zh) * | 2021-01-25 | 2022-07-28 | 广州新科佳都科技有限公司 | 支持异构环境的组态方法及*** |
CN115840567A (zh) * | 2022-12-22 | 2023-03-24 | 蓝卓数字科技有限公司 | 一种应用编辑方法及相关设备 |
CN116166862A (zh) * | 2023-04-25 | 2023-05-26 | 国网信息通信产业集团有限公司 | 一种基于组态编辑器的多源数据融合方法、***及设备 |
-
2023
- 2023-07-21 CN CN202310899694.6A patent/CN116610320B/zh active Active
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20140019627A (ko) * | 2012-08-06 | 2014-02-17 | 인크로스 주식회사 | 웹 어플리케이션 저작도구 및 저작 방법 |
CN109460232A (zh) * | 2018-09-27 | 2019-03-12 | 深圳新基点智能股份有限公司 | 一种组态页面的制作和监控方法 |
CN113342327A (zh) * | 2020-03-02 | 2021-09-03 | 中国科学院沈阳自动化研究所 | 一种生成可视化工业组态交互图形的方法 |
CN112464119A (zh) * | 2020-11-17 | 2021-03-09 | 浙江浙大中控信息技术有限公司 | 一种基于web端的SCADA在线组态编辑方法 |
CN112398953A (zh) * | 2021-01-16 | 2021-02-23 | 合沃物联技术(南京)有限公司 | 一种基于物联网中间件的云端组态方法 |
WO2022156316A1 (zh) * | 2021-01-25 | 2022-07-28 | 广州新科佳都科技有限公司 | 支持异构环境的组态方法及*** |
CN113515275A (zh) * | 2021-07-19 | 2021-10-19 | 上海繁易信息科技股份有限公司 | 一种所见即所得的云端工业组态软件***及其开发方法 |
CN113792435A (zh) * | 2021-09-16 | 2021-12-14 | 珠海格力电器股份有限公司 | 数据模型建立方法和装置、服务器 |
CN114327713A (zh) * | 2021-12-24 | 2022-04-12 | 珠海格力电器股份有限公司 | 设备参数的组态监控方法、组态化监控***的搭建*** |
CN115840567A (zh) * | 2022-12-22 | 2023-03-24 | 蓝卓数字科技有限公司 | 一种应用编辑方法及相关设备 |
CN116166862A (zh) * | 2023-04-25 | 2023-05-26 | 国网信息通信产业集团有限公司 | 一种基于组态编辑器的多源数据融合方法、***及设备 |
Non-Patent Citations (5)
Title |
---|
A Novel E-Laboratory for Remote Monitoring and Control;Lixiong Li等;IFAC Proceedings Volumes;第41卷(第2期);第9817-9822页 * |
Research of WebGIS based on HTML5 and JSON;Zhuokui Xu等;Proceedings of 2011 International Conference on Computer Science and Network Technology;第1714-1717页 * |
基于Web发布的组态软件设计与实现;张成 等;自动化与仪表;第33卷(第01期);第89-92页 * |
基于web组态工控***设计与实现;汪正江;中国优秀硕士学位论文全文数据库 信息科技辑(第3期);I138-2522 * |
建筑运维管理***Web组态软件的开发与应用;安松;中国优秀硕士学位论文全文数据库 工程科技Ⅱ辑(第11期);C038-232 * |
Also Published As
Publication number | Publication date |
---|---|
CN116610320A (zh) | 2023-08-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102360288B (zh) | 实时数据驱动的脚本化全组态hmi*** | |
US10740970B1 (en) | Generating cluster states for hierarchical clusters in three-dimensional data models | |
US8321806B2 (en) | Visualization of process control data | |
CN109859326B (zh) | 一种变电站跨平台二三维图形联动展示***和方法 | |
US20210200171A1 (en) | Systems and methods for presenting multiple bim files in a single interface | |
US20160179090A1 (en) | Systems and Methods for Asynchronous Searching and Filtering of Data | |
CN111078169B (zh) | 一种可视化大屏***的前端装置及其搭建方法 | |
TWI682645B (zh) | 混合顯現hmi終端裝置 | |
CN104951996A (zh) | 基于可缩放矢量图形的配电网运行监测方法 | |
CN103019682A (zh) | 一种通过自定义图形组合在svg中展示数据的方法 | |
CN112073474A (zh) | 基于three.js的智慧数据中心管理方法及*** | |
CN111857711A (zh) | 一种基于svg结合rpc通信的scada***实时展示方法 | |
CN114968227A (zh) | 智能作战仿真平台以及智能作战仿真平台的数据处理方法 | |
CN116610320B (zh) | 一种建筑自控***组态页面的配置*** | |
US8806343B2 (en) | System and method for handling a data refresh procedure in a production execution system | |
Ding et al. | AML-based web-twin visualization integration framework for DT-enabled and IIoT-driven Manufacturing system under I4. 0 workshop | |
CN116402937A (zh) | 一种基于web的复杂数据3D可视化简化开发方法 | |
CN113253965B (zh) | 海量数据多视口可视化交互方法、***、设备及存储介质 | |
Wu et al. | Application and Development Prospect of Monitoring Screen based on Three. js Unit Equipment Control System | |
US10225342B2 (en) | System and method for generating converged views of a virtual computing environment | |
Wenjun et al. | Study on SaaS architecture of Web3D scene content management platform and method of editing and browsing | |
CN111654737B (zh) | 节目同步管理方法和装置 | |
Su | Research and design of machine room management system based on digital twin | |
CN118101502A (zh) | 一种机房资源逻辑可视化实现方法 | |
Chen et al. | A Building Energy Saving Software System Based on Configuration |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |