CN112162801B

CN112162801B - 空压机设备通用Web在线流程图展示方法、系统介质及终端

Info

Publication number: CN112162801B
Application number: CN202010940756.XA
Authority: CN
Inventors: 林海杰; 徐培钰; 吴敏涛
Original assignee: Ellide Guangdong Intelligent Technology Co ltd
Current assignee: Ellide Guangdong Intelligent Technology Co ltd
Priority date: 2020-09-09
Filing date: 2020-09-09
Publication date: 2021-08-06
Anticipated expiration: 2040-09-09
Also published as: CN112162801A

Abstract

本发明公开了一种空压机设备通用Web在线流程图展示方法、系统、终端及介质，方法包括下述步骤：通过后端服务器获取当前用户下的空压机站房结构描述数据，利用空压机站房结构实体对象将所述空压机站房结构描述数据转换成XML数据格式，并将所述XML数据传输到前端服务器；前端服务器接收到相关的XML结构数据，通过绘图API将流程图渲染至用户浏览器中；构建反序列化Web流程图数据模型；利用Web页面渲染器读取Web流程图数据模型。通过本发明的技术方案，用户只需打开电脑自带浏览器便可观看设备流程图，大幅度降低了设备配置要求，且可跨平台使用。

Description

空压机设备通用Web在线流程图展示方法、系统介质及终端

技术领域

本发明属于空压机站房整体结构、运行状态实时显示技术，具体涉及一种空压机设备通用Web在线流程图展示方法、系统介质及终端。

背景技术

流程图是流经一个系统的信息流、观点流或部件流的图形代表。在企业中，流程图主要用来说明某一过程。这种过程既可以是生产线上的工艺流程，也可以是完成一项任务必需的管理过程。

设备流程图可以反应设备运行、维修的整体过程，传统的设备流程图都是基于CS结构构建，用户需要在个人电脑安装对应程序才能观看设备流程图，且大部分软件不支持跨平台技术，仅限于在Windows系统上安装，这大大限制了流程图的使用。

发明内容

本发明的主要目的在于克服现有技术的缺点与不足，提供一种空压机设备通用Web在线流程图展示方法、系统介质及终端，用户只需通过浏览器便可观看任何格式的设备流程图，大幅度降低了设备的配置需求。

为了达到上述目的，本发明采用以下技术方案：

本发明提供的一种空压机设备通用Web在线流程图展示方法，包括下述步骤：

通过后端服务器获取当前用户下的空压机站房结构描述数据，所述空压机站房结构描述数据用于描述空压机站房内系统参数、空压机、冷干机、吸干机、水泵、水塔、热回收设备的参数属性；

利用空压机站房结构实体对象将所述空压机站房结构描述数据转换成XML数据格式，并将所述XML数据传输到前端服务器；

前端服务器接收到相关的XML结构数据，通过绘图API将流程图渲染至用户浏览器中；

用户浏览器端接收到前端服务器发送来的XML数据，通过反序列化构建带有结构属性的JavaScript对象，随后构建反序列化Web流程图数据模型；

利用Web页面渲染器首先读取Web流程图数据模型，随后根据物件解析器、线条管路解析器、图形解析器、文字解析器内的状态属性、文字属性构建和渲染空压机站房设备的流程图。

优选的，所述通过后端服务器获取当前用户下的空压机站房结构描述数据，具体为：

后端服务器识别用户登录的唯一标识，从数据库中获取该用户所具备的空压机站房结构描述数据。

优选的，所述XML数据通过流的形式发送至用户浏览器，具体为：

XML数据转换为字节码数组，后端Web服务器Nginx通过HTTP报文形式，将对应字节码发送到前端浏览器。

优选的，所述构建反序列化Web流程图数据模型，具体为：

利用反序列化结构解析器对空压机设备、线条管路、图形和文字进行解析，所述反序列化结构解析器包括物件解析器、线条管路解析器、图形解析器和文字解析器；

所述物件解析器，用于解析构建空压机房内的设备，从XML数据中解析出该设备具有的设备状态信息，所述设备状态信息包括启动、停止、预警、故障和布局坐标；

所述线条管路解析器，用于解析构建空压机房内所有压缩空气管路的走向，从XML数据中解析出该管路具有的管路状态信息，所述管路状态信息包括流动、静止和布局坐标；

所述图形解析器，用于解析流程图中报表的框架，从XML数据中解析出该图形的形状信息，所述形状信息包括矩形、正方形、圆形、长和宽；

所述文字解析器，用于解析流程图报表框架中的文字或者数值，从XML数据中解析出该文字或者数据是否静态显示或者从后台动态读取显示。

优选的，利用API将流程图渲染至用户浏览器中，具体为：

通过解析空压机站房的XML树结构，得到绘制图层结构，SVG的DOM模型；

XML树的数据根为整个站房底图布局，通过HTML5绘制SVG的形式绘制站房布局底图；

站房XML树的数据根下，存在空压机设备、冷干机设备、吸干机设备、水泵设备，水塔设备、热回收设备的分支数据结构，使用HTML5绘制SVG的方式，分别绘制在站房布局图内，在站房布局图的图层之上；

以上各种设备内，分别具有对应的状态数据、运行值等属性，使用HTML5绘制SVG的形式，分别绘制在各设备图层之上。

优选的，还包括下述步骤：

实时数据推送，根据Web流程图数据模型，获取向推送服务器订阅相关联的设备状态与运行参数；

数据订阅完成后，接收从推送服务器推送到浏览器前端的数据，并更新当前设备的运行状态、运行参数、数据报表，使Web流程图中的设备状态与当地机房设备状态保持一致。

本发明提供的一种空压机设备通用Web在线流程图展示系统，包括数据获取模块、数据转换模块、渲染模块、数据模型构建模块和数据解析模块；

所述数据获取模块，用于通过后端服务器获取当前用户下的空压机站房结构描述数据；

所述数据转换模块，用于利用空压机站房结构实体对象将所述空压机站房结构描述数据转换成XML数据格式，并将所述XML数据传输到前端服务器；

所述渲染模块，用于前端服务器接收到相关的XML结构数据，通过绘图API将流程图渲染至用户浏览器中；

所述数据模型构建模块，用于用户浏览器端接收到前端服务器发送来的XML数据，通过反序列化构建带有结构属性的JavaScript对象，随后构建反序列化Web流程图数据模型；

所述数据解析模块，利用Web页面渲染器首先读取Web流程图数据模型，随后根据物件解析器、线条管路解析器、图形解析器、文字解析器内的状态属性、文字属性构建和渲染空压站房设备的流程图。

优选的，还包括订阅模块和数据更新模块；

所述订阅模块用于实时数据推送。订阅模块根据Web流程图数据模型，获取并向推送服务器订阅相关联的设备状态与运行参数；

所述数据更新模块用于数据订阅完成后，接收从推送服务器推送到浏览器前端的数据，并更新当前设备的运行状态、运行参数、数据报表，使Web流程图中的设备状态与当地机房设备状态保持一致。

本发明提供的一种终端设备，所述终端设备包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现所述的空压机设备通用Web在线流程图展示方法。

本发明提供的一种计算机可读存储介质，其存储有计算机程序，该程序被处理器执行时实现所述空压机设备通用Web在线流程图展示方法。

本发明与现有技术相比，具有如下优点和有益效果：

本发明在空压机设备通用Web在线流程图展示时，通过空压机站房结构描述数据转换成XML数据格式，随后将XML结构数据通过绘图API将流程图渲染至用户浏览器中，构建Web流程图数据模型，再利用Web页面渲染器对Web流程图数据模型，将空压机的状态属性、文字属性初始化构建并渲染成空压机站房的流程图，用户只需打开电脑自带浏览器便可观看设备流程图，大幅度降低了设备配置要求，且可跨平台使用。

附图说明

为了更清楚的说明本发明实施例或相关技术的技术方案，下面将对实施例或相关技术描述中所需要使用的附图作简单的介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明提供的空压机设备通用Web在线流程图展示方法一个实施例的流程示意图。

图2是本发明利用API将流程图渲染至用户浏览器中的流程示意图。

图3是本发明提供的空压机设备通用Web在线流程图展示系统一个实施例的结构示意图。

图4是本发明提供的空压机设备通用Web在线流程图展示系统另一个实施例的结构示意图。

图5是本发明提供的一个实施例中数据解析模块的结构示意图。

图6是本发明提供的终端设备的结构示意图。

图7是本发明提供的存储介质的结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本发明方案，下面结合附图和具体实施方式对本发明作进一步的详细说明。显然，所描述的实施例仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

实施例

CS结构即Client/Server(客户机/服务器)结构，是大家熟知的软件系统体系结构，通过将任务合理分配到Client端和Server端，降低了系统的通讯开销，需要安装客户端才可进行管理操作。

客户端和服务器端的程序不同，用户的程序主要在客户端，服务器端主要提供数据管理、数据共享、数据及系统维护和并发控制等，客户端程序主要完成用户的具体的业务。

大多数应用软件系统都是Client/Server形式的两层结构，由于软件应用系统正在向分布式的Web应用发展，Web和Client/Server应用都可以进行同样的业务处理，应用不同的模块共享逻辑组件；因此，内部的和外部的用户都可以访问新的和现有的应用系统，通过现有应用系统中的逻辑可以扩展出新的应用系统。这也就是应用系统的发展方向。

传统的CS结构开发比较容易，操作简便，但应用程序的升级和客户端程序的维护较为困难，且需要特定设备环境，对设备有一定的配置需求。

流程图是流经一个系统的信息流、观点流或部件流的图形代表。在企业中，流程图主要用来说明某一过程。这种过程既可以是生产线上的工艺流程，也可以是完成一项任务必需的管理过程。本申请的实施例是涉及空压机设备通用Web在线流程图。

在介绍了本发明实施例的技术方案后，下面详细的说明本申请的各种非限制性实施方式。

首先参见图1，图1为本实施例提供的一种空压机设备通用Web在线流程图展示方法流程示意图，包括下述步骤：

S1、通过后端服务器获取当前用户下的空压机站房结构描述数据；

所述空压机站房结构描述数据用于描述空压机站房内空压机、冷干机、吸干机、水泵、水塔、热回收设备的参数属性；

系统参数具有以下属性：1.总管压力；2.总管压力露点；3.总管流量；4.系统电量；5.其他数据(除以上基础数据外，站房内还存在额外安装的传感器)；

空压机设备具有以下属性：1.运行状态；2.加卸载状态；3.预警状态；4.故障状态；5.排气压力；6.排气温度；7.加载时间；8.运行时间；9.其他数据(除以上的基础数据外，不同品牌不同型号的设备具有不同的扩展数据)。

冷干机设备具有以下属性：1.运行状态；2.故障状态；3.压力露点；4.其他数据(除以上的基础数据外，不同品牌不同型号的设备具有不同的扩展数据)；

吸干机设备具有以下属性：1.运行状态；2.故障状态；3.压力露点；4.其他数据(除以上的基础数据外，不同品牌不同型号的设备具有不同的扩展数据)；

水泵设备具有以下属性：1.运行状态；2.故障状态；3.其他数据(除以上的基础数据外，不同品牌不同型号的设备具有不同的扩展数据)；

水塔设备具备以下属性：1.运行状态；2.故障状态；3.其他数据(除以上的基础数据外，不同品牌不同型号的设备具有不同的扩展数据)；

热回收设备具有以下属性：1.设备状态；2.一次侧进水温度；3.一次侧出水温度；4.二次侧进水温度；5.二次侧出水温度；6.水位；7.内循环水压力；其他数据(除以上的基础数据外，不同品牌不同型号的设备具有不同的扩展数据)。

在本申请的实施例中，所述通过后端服务器获取当前用户下的空压机站房结构描述数据，具体为：

可选的，在后端服务器上设置登录界面，所述登录界面包括输入账户名称和账户密码，当用户输入正确的账户和密码后，成功登录服务器，此时账户和密码为用户的唯一标识。后端服务器工作，在数据库中进行搜索，当匹配到该用户及其空压机站房结构描述数据后，从数据库中获取该用户所具备的空压机站房结构描述数据。

当然，可以理解的是，上述唯一标识还可以将面部信息、指纹信息、声纹信息、虹膜信息等作为唯一标识，利用面部识别技术、指纹识别技术、声纹识别技术和虹膜识别技术登录服务器。所述后端服务器上可以配置上述密码技术、面部识别技术、指纹识别技术、声纹识别技术和虹膜识别技术中的一种或多种登录方式，实现最大程度的便利化。

S2、利用空压机站房结构实体对象将所述空压机站房结构描述数据转换成XML数据格式，并将所述XML数据传输到前端服务器；

XML(Extensible Markup Language)扩展标记语言，是一种常用的标记语言，用于标记电子文件使其具有结构性，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。XML使用DTD(document type definition)文档类型定义来组织数据；格式统一，跨平台和语言，早已成为业界公认的标准。XML是标准通用标记语言(SGML)的子集，非常适合Web传输。

并且，如果数据要被传送到非Windows平台上的应用程序，那么把数据保存在XML文件中是有好处的。这是由于XML有很强的跨平台可移植性，并且数据无需转换。故本申请的实施例中是将空压机站房结构实体对象将所述空压机站房结构描述数据转换成XML数据格式。

在本申请的实施例中，所述空压机站房结构实体对象是指系统参数对象、空压机设备对象、冷干机设备对象、吸干机设备对象、水泵设备对象、水塔设备对象、热回收设备对象。

在本申请的实施例中，利用空压机站房结构实体对象将所述空压机站房结构描述数据转换成XML数据格式，具体为：

空压机站房作为XML数的根结构，空压机站房下分别存在系统参数、空压机设备、冷干机设备、吸干机设备、水泵设备、水塔设备、热回收设备作为分支结构。

在本实施例中，以下设备都为同级的分支结构：

系统参数分支结构下，分别存在总管压力、总管压力露点、总管流量、系统电量、其他数据作为枝叶结构。

空压机分支结构下，分别存在运行状态、加卸载状态、预警状态、故障状态、排气压力、排气温度、加载时间、运行时间、其他数据作为枝叶结构。

冷干机分支结构下，分别存在运行状态、故障状态、压力露点、其他数据作为枝叶结构。

吸干机分支结构下，分别存在运行状态、故障状态、压力露点、其他数据作为枝叶结构。

水泵分支结构下，分别存在运行状态、故障状态、其他数据作为枝叶结构。

水塔分支结构下，分别存在运行状态、故障状态、其他数据作为枝叶结构。

热回收设备分支结构下，分别存在运行状态、一次侧进水温度、一次侧出水温度、二次侧进水温度、二次侧出水温度、水位、内循环水压力作为枝叶结构。

以上从根到分支至枝叶便组成空压机站房的XML树结构。

S3、前端服务器接收到相关的XML结构数据，通过绘图API将流程图渲染至用户浏览器中；

图形API可以分为retained-mode APIs(保存模式API)和immediate-mode APIs(中间模式API).Direct2D是immediate-mode API。用户程序使用图元(基本几何图形)构造一个场景，如某形状，直线等。图形库保存一个场景模型在内存中。要画一帧图形，图形库把场景转换成为一系列的画图命令，在帧与帧之间，图形卡保存场景数据在内存中。要改变图形，程序发出命令更新场景。图形库负责重画场景。

进一步的，本申请的绘图API可以通过多种函数工具进行实现，绘图API不是本申请的创新点所在，是利用API将流程图渲染至用户浏览器中，参见图2，具体通过下述方式实现：

1.通过解析空压机站房的XML树结构，得到绘制图层结构，SVG的DOM模型；

2.XML树的数据根为整个站房底图布局，通过HTML5绘制SVG的形式绘制站房布局底图；

3.站房XML树的数据根下，存在空压机设备、冷干机设备、吸干机设备、水泵设备，水塔设备、热回收设备的分支数据结构，使用HTML5绘制SVG的方式，分别绘制在站房布局图内，在站房布局图的图层之上；

4.以上各种设备内，分别具有对应的状态数据、运行值等属性，使用HTML5绘制SVG的形式，分别绘制在各设备图层之上。

S4、用户浏览器端接收到前端服务器发送来的XML数据，通过反序列化构建带有结构属性的JavaScript对象，随后构建反序列化Web流程图数据模型；

序列化(serialization)，是指将数据结构或对象状态转换成可取用格式(例如存成文件，存于缓冲，或经由网络中发送)，以留待后续在相同或另一台计算机环境中，能恢复原先状态的过程。依照序列化格式重新获取字节的结果时，可以利用它来产生与原始对象相同语义的副本。对于许多对象，像是使用大量引用的复杂对象，这种序列化重建的过程并不容易。面向对象中的对象序列化，并不概括之前原始对象所关系的函数。这种过程也称为对象编组(marshalling)。从一系列字节提取数据结构的反向操作，是反序列化。

JavaScript通常简称为JS，它是一种解释性的脚本语言，其不需要预先编译好就可以执行，其源代码可直接由目标机器逐条翻译执行。JavaScript同时也可以被看做是面向对象的语言，这就允许用户自己创建对象，可以形成良好的封装结构。JavaScript具有动态的特性，可以直接响应用户在浏览器上的操作，而无需通过后台的服务，所以常被用来完成页面与用户的交互工作。它以事件的机制来完成对浏览器的响应，事件(event)为HTML页面上的某种动作，如用户的鼠标操作、键盘操作、浏览器窗口等操作，甚至页面的加载这都是一个事件，事件是一种流式的过程，一个事件可以有多个元素进行响应，JavaScript可以对其中的任何元素进行事件截取。

进一步的，所述构建反序列化Web流程图数据模型，具体为：

利用反序列化结构解析器对空压机设备、线条管路、图形和文字进行解析，所述反序列化结构解析器包括分为物件解析器、线条管路解析器、图形解析器和文字解析器；

S5、利用Web页面渲染器首先读取Web流程图数据模型，随后根据物件解析器、线条管路解析器、图形解析器、文字解析器内的状态属性、文字属性构建和渲染空压机站房设备的流程图。

Web页面渲染器是以一个在浏览器端的页面渲染器为核心发起并完成的，一个完整的页面是由多个XML配置文件来共同描述的。其完整打开需要多次前后台间的交互，渲染过程中的请求均为同步请求，按序进行。

在本申请的另一个实施例中，还包括下述步骤：

S6、实时数据推送，根据Web流程图数据模型，获取向推送服务器订阅相关联的设备状态与运行参数。通过订阅设备状态与运行参数，可以实时监控状态及参数的变化情况，以便及时作出相应的调整。

在本申请的另一个实施例中，还包括下述步骤：

S7、数据订阅完成后，接收从推送服务器推送到浏览器前端的数据，并更新当前设备的运行状态、运行参数、数据报表，使Web流程图中的设备状态与当地机房设备状态保持一致。自此，实现了Web流程图的实时更新，及时准确的反应当地机房设备状态的情况。

需要说明的是，本申请中各步骤之间没有严格的先后执行顺序，只要符合逻辑上的顺序，则这些步骤可以同时执行，也可按照某种预设顺序执行，图1只是一种示意方式，并不代表只能是这样的执行顺序。

本发明实施例还针对空压机设备通用Web在线流程图展示方法提供了相应的系统，进一步使得所述方法更具有实用性。其中，系统可从功能模块的角度和硬件的角度分别说明。下面对本发明实施例提供的空压机设备通用Web在线流程图展示系统进行介绍，下文描述的空压机设备通用Web在线流程图展示系统与上文描述的空压机设备通用Web在线流程图展示方法可相互对应参照。

基于功能模块的角度，参见图3，图3为本发明实施例提供的空压机设备通用Web在线流程图展示在一种具体实施方式下的结构图，该系统可包括：数据获取模块100、数据转换模块200、渲染模块300、数据模型构建模块400和数据解析模块500；

所述数据获取模块100，用于通过后端服务器获取当前用户下的空压机站房结构描述数据；

所述数据转换模块200，用于利用空压机站房结构实体对象将所述空压机站房结构描述数据转换成XML数据格式，并将所述XML数据传输到前端服务器；

所述渲染模块300，用于前端服务器接收到相关的XML结构数据，通过绘图API将流程图渲染至用户浏览器中；

所述数据模型构建模块400，用于用户浏览器端接收到前端服务器发送来的XML数据，通过反序列化构建带有结构属性的JavaScript对象，随后构建反序列化Web流程图数据模型；

所述数据解析模块500，利用Web页面渲染器首先读取Web流程图数据模型，随后根据物件解析器、线条管路解析器、图形解析器、文字解析器内的状态属性、文字属性构建和渲染空压机站房设备的流程图。

在本申请的另一些实施例中，请参见图4，还包括订阅模块600，所述订阅模块600，用于实时数据推送，订阅模块根据Web流程图数据模型，获取并向推送服务器订阅相关联的设备状态与运行参数。

在本申请的另一些实施例中，请参见图4，还包括数据更新模块700，所述数据更新模块700，用于数据订阅完成后，接收从推送服务器推送到浏览器前端的数据，并更新当前设备的运行状态、运行参数、数据报表，使Web流程图中的设备状态与当地机房设备状态保持一致。

进一步的，所述数据解析模块500利用反序列化结构解析器对空压机设备、线条管路、图形和文字进行解析，所述反序列化结构解析器包括为物件解析器501、线条管路解析器502、图形解析器503和文字解析器504，请参见图5；

所述物件解析器501，用于解析构建空压机房内的设备，从XML数据中解析出该设备具有的设备状态信息，所述设备状态信息包括启动、停止、预警、故障和布局坐标；

所述线条管路解析器502，用于解析构建空压机房内所有压缩空气管路的走向，从XML数据中解析出该管路具有的管路状态信息，所述管路状态信息包括流动、静止和布局坐标；

所述图形解析器503，用于解析流程图中报表的框架，从XML数据中解析出该图形的形状信息，所述形状信息包括矩形、正方形、圆形、长和宽；

所述文字解析器504，用于解析流程图报表框架中的文字或者数值，从XML数据中解析出该文字或者数据是否静态显示或者从后台动态读取显示。

在本申请的另一个实施例中，请参见图6，还包括终端设备，其特征在于，所述终端设备包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现空压机设备通用Web在线流程图展示方法，具体为：

在本申请的另一个实施例中，请参见图7，还包括一种计算机可读存储介质，其存储有计算机程序，该程序被处理器执行时实现所述的空压机设备通用Web在线流程图展示方法。

本发明实施例所述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质的更具体的示例至少(非穷尽性列表)包括以下：具有一个或多个布线的电连接部(电子装置)，便携式计算机盘盒(磁装置)，随机存取存储器(RAM)，只读存储器(ROM)，可擦除可编辑只读存储器(EPROM或闪速存储器)，光纤装置，以及便携式只读存储器(CDROM)。另外，计算机可读存储介质甚至可以是可在其上打印所述程序的纸或其他合适的介质，因为可以例如通过对纸或其他介质进行光学扫描，接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得所述程序，然后将其存储在计算机存储器中。

在本发明实施例中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于指令执行系统、输入法或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、射频(Radio Frequency，RF)等等，或者上述的任意合适的组合。

应当理解，本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(PGA)，现场可编程门阵列(FPGA)等。

本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。

此外，在本发明各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读存储介质中。所述存储介质可以是只读存储器，磁盘或光盘等。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到其各种变化或替换，这些都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以所述权利要求的保护范围为准。

Claims

1.空压机设备通用Web在线流程图展示方法，其特征在于，包括下述步骤：

利用Web页面渲染器首先读取Web流程图数据模型，随后根据物件解析器、线条管路解析器、图形解析器、文字解析器内的状态属性、文字属性构建和渲染空压机站房设备的流程图；

其中，构建反序列化Web流程图数据模型，具体为：

2.根据权利要求1所述空压机设备通用Web在线流程图展示方法，其特征在于，所述通过后端服务器获取当前用户下的空压机站房结构描述数据，具体为：

3.根据权利要求1所述空压机设备通用Web在线流程图展示方法，其特征在于，所述XML数据通过流的形式发送至用户浏览器，具体为：

4.根据权利要求1所述空压机设备通用Web在线流程图展示方法，其特征在于，利用API将流程图渲染至用户浏览器中，具体为：

以上各种设备内，分别具有对应的状态数据、运行值属性，使用HTML5绘制SVG的形式，分别绘制在各设备图层之上。

5.根据权利要求1所述空压机设备通用Web在线流程图展示方法，其特征在于，还包括下述步骤：

6.实现权利要求1～5任一项所述方法的空压机设备通用Web在线流程图展示系统，其特征在于，包括数据获取模块、数据转换模块、渲染模块、数据模型构建模块和数据解析模块；

所述数据解析模块，利用Web页面渲染器首先读取Web流程图数据模型，随后根据物件解析器、线条管路解析器、图形解析器、文字解析器内的状态属性、文字属性构建和渲染空压机站房设备的流程图。

7.根据权利要求6所述的空压机设备通用Web在线流程图展示系统，其特征在于，还包括订阅模块和数据更新模块；

所述订阅模块，用于实时数据推送，订阅模块根据Web流程图数据模型，获取向推送服务器订阅相关联的设备状态与运行参数；

所述数据更新模块，用于数据订阅完成后，接收从推送服务器推送到浏览器前端的数据，并更新当前设备的运行状态、运行参数、数据报表，使Web流程图中的设备状态与当地机房设备状态保持一致。

8.一种终端设备，其特征在于，所述终端设备包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如权利要求1-5中任一所述的空压机设备通用Web在线流程图展示方法。

9.一种计算机可读存储介质，其存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-5中任一所述的空压机设备通用Web在线流程图展示方法。