CN110618815A - 一种工业系统网络拓扑图的构建方法 - Google Patents

Abstract

本发明公开了一种工业系统网络拓扑图的构建方法，所述网络拓扑图采用基于mxgraph代码库的网络拓扑结构，其构建方法包括以下步骤：S1、预先设定好网络拓扑结构中舞台以及各种网络设备的初始状态；S2、给每一种网络设备的数据添加来源标识；S3、通过ajax请求获取网络拓扑结构后端扫描出的资产数据并传输到网络拓扑结构前端；S4、网络拓扑结构前端根据传入的资产数据创建资产实例；S5、通过对网络设备的类型属性进行区分，创建不同类型的资产实例，将资产实例的各类告警状态、未读事件同步绑定到该资产实例上；S6、网络拓扑结构前端根据未读事件创建实例角标；S7、启动定时检测，当发现数据库中资产实例状态发生改变，则重新构建新的资产实例。

Description

一种工业系统网络拓扑图的构建方法

技术领域

本发明涉及计算机网络领域，尤其涉及一种工业系统网络拓扑图的构建方法。

背景技术

目前国内现有工业拓扑图界面解决方案通常采用基于jquery库下的jtopo插件，该插件通过获取服务端提供的设备数据，循环构建对象节点，显示每个节点的流量信息，告警信息，通过不同颜色展示同比环比趋势图。但是，该技术方案存在以下问题：

1、Api接口单一，通常采用页面dom重载方式来重新定位样式布局，不方便定义节点的position。

2、不支持界面自动布局。每个节点放置的位置都需要代码去设置横纵坐标，这就牵涉到我们需要自己去根据屏幕宽度、图片宽高等，采用动态算法去实现页面布局，这个是很需要耐心去研究，包括一个像素点都有可能导致整个图不居中。

3、不方便获取节点对象。因为使用的是html5的canvas，没有节点id，不能像平时界面直接获取id那样获取，定位元素调试不太方便。

发明内容

本发明目的是针对上述问题，提供一种易于观察网络拓扑结构中各设备实时动态变化的工业系统网络拓扑图的构建方法。

为了实现上述目的，本发明的技术方案是：

一种工业系统网络拓扑图的构建方法，所述工业系统网络拓扑图采用基于mxgraph代码库的网络拓扑结构，所述实时动态展示方法包括以下步骤：

S1、预先设定好网络拓扑结构中舞台以及各种网络设备的初始状态；

S2、给每一种网络设备的数据添加来源标识；

S3、通过ajax请求获取网络拓扑结构后端扫描出的资产数据并传输到网络拓扑结构前端；

S4、网络拓扑结构前端根据传入的资产数据创建资产实例；

S5、通过对网络设备的类型属性进行区分，创建不同类型的资产实例，将资产实例的各类告警状态、未读事件同步绑定到该资产实例上；

S6、网络拓扑结构前端根据未读事件创建实例角标；

S7、启动定时检测，当发现数据库中资产实例状态发生改变，则重新构建新的资产实例。

进一步的，所述网络拓扑图的界面分为展示区和操作区；操作区用于进行创建资产、移除舞台节点、资产编辑以及保存操作。

进一步的，所述创建资产操作的步骤为：首先通过ajax从数据库中过滤出匹配到的设备id集，然后创建节点单元，根据导入的ID值相关属性，将其与节点单元绑定，最后通过addcell方法添加到graph舞台中即可。

进一步的，所述移除舞台节点操作的步骤为：首先在触发节点相应事件时将绑定好的节点id传入removeCell方法中，删除舞台中需要移除的节点，将已移除的节点ID全部过滤到一个临时创建的数组中，将此数组对象通过ajax的json内容方式传递给中间件delete数据库中相应设备即可。

进一步的，所述资产编辑操作的步骤为：获取到节点设备的id以及定义的相关属性参数，修改其属性值后再通过setStyle方法更新该节点的实例展示对象。

进一步的，所述保存操作的步骤为：首先资产实例一个mxgraph代码对象，然后使用该代码对象的encode方法编码舞台上所有节点对象，然后通过mxUtils.getPrettyXml方法把节点对象解析成为共用的xml格式文件对象进行保存。

与现有技术相比，本发明具有的优点和积极效果是：

本发明提供了一种易于监听物理拓扑网络中各设备型号的实时动态变化的拓扑图方案，该方案代码结构清晰、高效可靠、易于维护；并且避免了传统拓扑图插件只可重载数据生成简单拓扑节点，拓扑图展现形式模糊、设备单元展现不灵活、当值发生变化不能及时更新设备状态数据等状况的发生，另一方面，本发明可以检测到各个设备的网络类型、设备型号，设备的上下线及未读事件状态，并且用户可通过操作区实现创建资产、添加资产组、清空、删除、资产编辑以及保存等操作，提高了本发明的使用效果。

附图说明

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

图1为本发明的框架示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

如图1所示，本发明提供了一种易于监听物理拓扑网络中各设备型号的实时动态变化的拓扑图方案，其中，客户端需要一个Web服务器提供所需的相关数据，用户也可以将本地端数据以图形化方式修改后，将数据重构通过网络协议传输到后端，可以实现拓扑网中检测到的每台资产同步绑定到可编辑界面中网络图标识的每个实例单元，并可检测到该设备的网络类型、设备型号，当检测到未知类型可以用非法状态标识出来；可动态检测设备的上下线及未读事件状态，用户可实现拓扑图可视化移除资产、添加资产、改变资产类型等，图表可以根据用户需求将编辑好的网络拓扑图以xml格式保存到对应的数据库，并可以在下次登陆时拉取生成上次保存的资产拓扑图。

本发明依赖于mxgraph代码库，mxBasePath变量用来定义库资源的目录。这个变量必须在加载库前就定义好。首先我们将整个拓扑界面切分成展示区与操作区，在控制器中通过ajax拉取后端拓扑网中扫描出的资产数据，定义好网络拓扑中各设备类型相关属性，mxgraph大致包含以下几个主要对象：

graph：类型拓扑图舞台相关属性设定

cell：根据舞台实例化出的资产节点

mxevent：用于执行全局事件监听

style：用于定义资产单元的展现形式

我们在函数里面预先设定好舞台以及各种网络设备状态相关初始属性，给每一种网络设备数据加入来源标识，通过ajax请求获取后端扫描出的资产数据后，前端根据传入的资产信息创建资产实例，通过判断传入的设备类型属性区分创建不同类型的网络资产，并将该资产的各类告警状态，未读事件同步绑定到该实例，在前端根据未读事件创建实例角标注入到展示区，并启动定时检测，当发现数据库资产状态发生改变，即与本地资产做对比，如果通过则写入本地数据单元值，重新构建新的资产实例。

在操作区可以包含创建资产，添加资产组，清空、删除、资产编辑以及保存等操作。首先通过ajax从数据库过滤出匹配到的设备id集，然后遍历创建节点单元，根据导入的ID值相关属性，将之与节点对象绑定，最后通过addcell方法添加到graph舞台中完成资产创建。要移除舞台中节点，可在触发节点相应事件时将绑定好的节点id传入removeCell方法删除舞台中需要移除的节点，将已移除的节点ID全部过滤到一个临时创建的数组中，将此数组对象通过ajax的json内容方式传递给中间件delete数据库中相应设备。资产编辑会触发生成节点单元时预先绑定好的事件，获取到该节点设备的id以及定义的相关属性参数等，修改其属性值，再通过setStyle方法更新该节点的实例展示对象。保存方式可首先实例一个mx代码对象，然后使用该对象的encode方法编码舞台上所有节点对象，该方法将会把所有节点的布局、接连关系、展现形态所应用的类等保存到一个特定的节点对象上，通过mxUtils.getPrettyXml方法把此节点对象解析成为共用的xml格式文件对象，可传至数据库保存也可保存在本地文件中。

本发明可以实时监听网络拓扑网络中各设备型号的变化，例如设备上下线、未读事件的新增、黑名单等的动态变化，以及各设备对应的拖拽事件、右键点击事件、画布拖动事件等。

本发明提供了一种易于监听物理拓扑网络中各设备型号的实时动态变化的拓扑图方案，该方案代码结构清晰、高效可靠、易于维护；并且避免了传统拓扑图插件只可重载数据生成简单拓扑节点，拓扑图展现形式模糊、设备单元展现不灵活、当值发生变化不能及时更新设备状态数据等状况的发生，另一方面，本发明可以检测到各个设备的网络类型、设备型号，设备的上下线及未读事件状态，并且用户可通过操作区实现创建资产、添加资产组、清空、删除、资产编辑以及保存等操作，提高了本发明的使用效果。

Claims (6)

1.一种工业系统网络拓扑图的构建方法，其特征在于：所述工业系统网络拓扑图采用基于mxgraph代码库的网络拓扑结构，其构建方法包括以下步骤：

S1、预先设定好网络拓扑结构中舞台以及各种网络设备的初始状态；

S2、给每一种网络设备的数据添加来源标识；

S3、通过ajax请求获取网络拓扑结构后端扫描出的资产数据并传输到网络拓扑结构前端；

S4、网络拓扑结构前端根据传入的资产数据创建资产实例；

S5、通过对网络设备的类型属性进行区分，创建不同类型的资产实例，将资产实例的各类告警状态、未读事件同步绑定到该资产实例上；

S6、网络拓扑结构前端根据未读事件创建实例角标；

S7、启动定时检测，当发现数据库中资产实例状态发生改变，则重新构建新的资产实例。

2.如权利要求1所述的工业系统网络拓扑图的构建方法，其特征在于：所述网络拓扑图的界面分为展示区和操作区；操作区用于进行创建资产、移除舞台节点、资产编辑以及保存操作。

3.如权利要求2所述的工业系统网络拓扑图的构建方法，其特征在于：所述创建资产操作的步骤为：首先通过ajax从数据库中过滤出匹配到的设备id集，然后创建节点单元，根据导入的ID值相关属性，将其与节点单元绑定，最后通过addcell方法添加到graph舞台中即可。

4.如权利要求2所述的工业系统网络拓扑图的构建方法，其特征在于：所述移除舞台节点操作的步骤为：首先在触发节点相应事件时将绑定好的节点id传入removeCell方法中，删除舞台中需要移除的节点，将已移除的节点ID全部过滤到一个临时创建的数组中，将此数组对象通过ajax的json内容方式传递给中间件delete数据库中相应设备即可。

5.如权利要求2所述的工业系统网络拓扑图的构建方法，其特征在于：所述资产编辑操作的步骤为：获取到节点设备的id以及定义的相关属性参数，修改其属性值后再通过setStyle方法更新该节点的实例展示对象。

6.如权利要求2所述的工业系统网络拓扑图的构建方法，其特征在于：所述保存操作的步骤为：首先资产实例一个mxgraph代码对象，然后使用该代码对象的encode方法编码舞台上所有节点对象，然后通过mxUtils.getPrettyXml方法把节点对象解析成为共用的xml格式文件对象进行保存。