一种建筑自控系统组态页面的配置平台技术方案

本发明专利技术提供了一种建筑自控系统组态页面的配置平台，包括元件模块、数据模型和视图区域模块；所述视图区域模块包括画布区域和预览图区域；元件模块的各个元件关联相应的组件，所有组件构成组件库；元件模块的元件被拖拽至画布区域后，生成相应的节点；数据模型用于存储节点所对应的图形的拓扑结构。本发明专利技术通过自由拖拽元件生成SVG展示，支持多种聚合组件，支持嵌入式组件，支持大屏可视化、拓扑图、设备运行图等多种复杂页面，具有可缩放性、文件小、加载速度更快，支持自定义复杂页面配置，多样化控制动画效果，适用于绘制上位机软件、流程图配置、多样化大屏的配置等。多样化大屏的配置等。多样化大屏的配置等。

【技术实现步骤摘要】
一种建筑自控系统组态页面的配置平台


[0001]本专利技术属于控制系统
，涉及一种建筑自控系统组态页面的配置平台。

技术介绍

[0002]组态指一些数据采集与过程控制的专用软件，是面向监控与数据采集的自动控制系统监控层一级的软件平台和开发环境，能以灵活多样的组态方式(而不是编程方式)提供良好的用户开发界面和简捷的使用方法。实际生产中，可以通过灵活的组态配置快速建立工业自动控制系统的监控功能。
[0003]目前，在智能建筑中，现在应用的自控系统组态存在如下问题：现有的组态制作一般为C/S架构，需要安装客户端，且不开源，需要缴纳一定会员费用，且更换电脑，需要重新安装；现有组态配置一般是工业化风格，风格单一，支持元件少，且无法做到定制化开发，如展示冷水机组拓扑图、展示制冷机房运行线路、数据统计图表和复杂的大屏页面等，不同的项目页面需要定制化开发，复杂、动态的页面无法实现；现阶段组态中支持元件过少，无法支持多种组合方式，无法生成多样化页面；现有组态配置多样化控制，根据不同的状态展示不同的效果，现有一般使用gif等动效图片进行动态切换。

技术实现思路

[0004]为解决现有技术存在的难题，本专利技术提供了一种建筑自控系统组态页面的配置平台，包括元件模块、数据模型和视图区域模块；所述视图区域模块包括画布区域和预览图区域；元件模块的各个元件关联相应的组件，所有组件构成组件库；元件模块的元件被拖拽至画布区域后，生成相应的节点；数据模型用于存储节点所对应的图形的拓扑结构，包括父子关系、连接关系和层次关系，用于存储节点所对应的图形的属性，用于响应用户在画布区域中节点的操作，所述响应包括：对节点的图形中的元素进行增加、删除和修改；对配置完成的组态生成可视化页面；对节点的组件的属性进行设置；元件的节点与建筑自控系统的设备点位关联，数据模型接收设备点位的实时数据，根据设备点位的实时数据进行配置数据的动态切换，并实时更新组态展示效果。
[0005]进一步地，所述元件模块的元件分为基础元件、聚合元件、自定义元件及图库；每个元件都有唯一的元件标识，用Type表示；每个节点都有一个唯一的ID，以ID属性来区分数据模型中的每个节点；根据节点所对应的元件的Type值和节点的ID在数据模型中查找和操作节点；通过修改节点的初始属性来配置节点的图形结构，通过ID获取当前节点，并进行当前节点的单击、双击的事件处理。
[0006]进一步地，基础元件包括矩形rect、圆形circle和直线line，聚合元件包括立方体cube，自定义元件包括图表chart、地图map和3D模型，图库包括svg、png和gif格式的图片。
[0007]进一步地，所述聚合元件通过自定义形状和绘制方法来实现，具体包括以下步骤：
创建一个形状工厂，该形状工厂为Shape类，该形状工厂中包含所有的基础元件的形状，还包括使用HTML5 Canvas或HTML5 SVG来绘制的形状；定义一个聚合元件的形状类，该形状类继承形状工厂的形状，用来描述聚合元件的属性和行为；使用唯一字符串标识符将新定义的聚合元件与其对应的类关联起来；通过扩展和使用形状工厂来生成多个聚合元件。
[0008]进一步地，所述自定义元件通过配置元件的Type值及相对应的图形结构和初始属性的方法快速增加；当需要增加自定义元件时，设置自定义元件的Type值，从外部导入此元件所对应的组件，并将导入的组件同步更新至组件库，并创建外层容器包裹此组件使之嵌入到基础元件所对应的图形中。
[0009]进一步地，所述数据模型包括图形结构、属性、数据序列化、事件处理四部分，数据模型通过其包含的各个类的继承和组合关系来实现上述存储、响应功能，具体包括：graph类：是组态编辑器的核心类，用于控制组态的创建、编辑、渲染行为；通过事件处理机制、封装事件管理和派发，响应用户操作；Modal类：是组态编辑器的模型类，用于存储和管理图形的数据，包含了节点的层次结构和属性，用于对节点进行增、删、改、查操作；Geometry类：是组态编辑器的几何属性类，包含了节点的位置坐标、宽度、高度信息；Cell类：代表节点的结构，用于存储节点的图形元素之间的拓扑结构，所述拓扑结构包括父子关系、连接关系和层次关系；通过对节点的管理，创建、删除、移动和重排节点的图形元素，修改图形元素的大小、位置，实现图形的结构管理和布局；Style类：是组态编辑器的样式类，用于定义和管理节点的图形元素的样式；Decode类：是组态编辑器的序列化类，用于将多个节点序列化为JSON数据或者XML结构文件，将组态数据保存到服务器，适用于多种设备；也用于通过将数据还原为可编辑的图形对象，进行对节点的图形的再次编辑保存；Render类：是组态编辑器的渲染器类，负责将图形元素的数据渲染到预览图上。
[0010]进一步地，所述建筑自控系统的设备包括关联冷水机组、冷却水泵和新风机组，通过设备点位远程监控和控制设备，实时监测设备的状态、温度、湿度、压力等参数及控制设备参数，对设备进行自动化控制和调节，以实现能效优化和舒适化管理。
[0011]与现有技术相比，本专利技术具备以下有益效果：使用HTML5技术标准，采用B/S架构，通过自由拖拽元件生成SVG展示，支持多种聚合组件，支持嵌入式组件，支持大屏可视化、拓扑图、设备运行图等多种复杂页面，具有可缩放性、文件小、加载速度更快，支持自定义复杂页面配置，多样化控制动画效果，适用于绘制上位机软件、流程图配置、多样化大屏的配置等；通过元件的节点关联设备点位，进行设备的接入和控制设计，视图可视化展示实现自动化控制和智能化管理， 在建筑自控系统的组态中通过软件系统对建筑楼宇中的设备、系统、网络进行编程配置，使其可以实现自动化控制和智能化管理；通过组态技术，配置建筑楼宇中的各种设备可以自动配合、互相协作，达到最佳的运行状态，同时也能够提高设备的运行效率、降低运行成本和增强安全性。
附图说明
[0012]图1为本专利技术的实施例的元件和对应组件的示例图。
[0013]图2为本专利技术的实施例的整体结构示意图。
[0014]图3为本专利技术的实施例的数据模块的结构示意图。
[0015]图4为本专利技术的实施例的生成自定义元件的流程示意图。
[0016]图5为本专利技术的实施例的用户交互界面的示意图。
[0017]图6为本专利技术的实施例的应用之一的组态的具体展示图的左部分。
[0018]图7为本专利技术的实施例的应用之一的组态的具体展示图的右部分。
[0019]图8为本专利技术的实施例的应用之一的组态配置大屏的具体展示图的左部分。
[0020]图9为本专利技术的实施例的应用之一的组态配置大屏的具体展示图的右部分。
[0021]图10为本专利技术的实施例的应用之一的楼栋的各个房间的设备拓扑图的左部分。
[0022]图11为本专利技术的实施例的应用之一的楼栋的各个房间的设备拓扑图的右部分。
具体实施方式
[0023]下面结合说明书附图和具体的实施例，对本专利技术作详细描述。...

【技术保护点】

【技术特征摘要】
1.一种建筑自控系统组态页面的配置平台，其特征在于，包括元件模块、数据模型和视图区域模块；所述视图区域模块包括画布区域和预览图区域；元件模块的各个元件关联相应的组件，所有组件构成组件库；元件模块的元件被拖拽至画布区域后，生成相应的节点；数据模型用于存储节点所对应的图形的拓扑结构，包括父子关系、连接关系和层次关系，用于存储节点所对应的图形的属性，用于响应用户在画布区域中节点的操作，所述响应包括：对节点的图形中的元素进行增加、删除和修改；对配置完成的组态生成可视化页面；对节点的组件的属性进行设置；元件的节点与建筑自控系统的设备点位关联，数据模型接收设备点位的实时数据，根据设备点位的实时数据进行配置数据的动态切换，并实时更新组态展示效果。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来绘制的形状；定义一个聚合元件的形状类，该形状类继承形状工厂的形状，用来描述聚合元件的属性和行为；使用唯一字符串标识符将新定义的聚合元件与其对应的类关联起来；通过扩展和使用形状工厂...

【专利技术属性】
技术研发人员：汪浩，姬利，业晓波，
申请(专利权)人：江苏橙智云信息技术有限公司，
类型：发明
国别省市：