CN107809339B - 链路显示方法、链路生成方法和装置 - Google Patents

Abstract

本公开提供了一种链路显示方法、链路生成方法和装置，涉及立体显示技术领域，该显示方法包括：显示包含多个图层的网络立体拓扑图，其中，所述图层对应的地理区域中部署有网络设备；接收链路显示指令；根据所述链路显示指令确定待连接的第一网络设备的第一坐标和第二网络设备的第二坐标；若所述第一网络设备和所述第二网络设备分别位于不同图层对应的地理区域，根据所述第一坐标和第二坐标确定待显示链路的倾斜角度，根据所述倾斜角度建立所述第一网络设备和所述第二网络设备之间的链路连线；在所述网络立体拓扑图中对所述链路连线进行显示。通过本公开实施方式，可以提升网络设备间的链路呈现效果。

Description

链路显示方法、链路生成方法和装置

技术领域

本公开涉及立体显示技术领域，尤其是涉及一种链路显示方法、链路生成方法和装置。

背景技术

网络运维监控广泛应用于政府、军队、电信、金融、能源、制造、教育以及各类大型企业和机构，具体应用于机房监控管理、区域化网络运维管理、数据中心运维监控等多种不同的场景中，它从硬件设施和网络性能的不同层次，采集和监测网络设备信息、网络流量信息、服务器性能信息、网络链路质量信息等指标型数据，并通过可视化的方式向网络运维管理用户提供管理、维护与监控接口，最终为IT基础设施的管理、评估以及上层应用提供服务支持。

而现有的网络运维监控中，呈现网络设备运行状况的方式通常采用平面形式的网络拓扑图，呈现效果不够直观，实用性较差。

发明内容

有鉴于此，本公开的目的在于提供一种链路显示方法、链路生成方法和装置，以提升网络设备间的链路呈现效果，进而提升网络拓扑图的展示效果。

为了实现上述目的，本公开采用的技术方案如下：

第一方面，本公开提供了一种链路显示方法，该方法包括：显示包含多个图层的网络立体拓扑图，其中，所述图层对应的地理区域中部署有网络设备；接收链路显示指令；根据所述链路显示指令确定待连接的第一网络设备的第一坐标和第二网络设备的第二坐标；若所述第一网络设备和所述第二网络设备分别位于不同图层对应的地理区域，根据所述第一坐标和第二坐标确定待显示链路的倾斜角度，根据所述倾斜角度建立所述第一网络设备和所述第二网络设备之间的链路连线；在所述网络立体拓扑图中对所述链路连线进行显示。

第二方面，本公开提供了一种链路生成方法，应用于包含多个图层的网络立体拓扑图中，所述图层对应的地理区域中部署有网络设备，所述方法包括：获取第一网络设备的第一坐标和第二网络设备的第二坐标；若确定所述第一网络设备和所述第二网络设备分别位于相邻图层对应的地理区域，则为所述第一坐标和所述第二坐标建立空白形式的div标签；按照设定方向将所述div标签收缩为线段；所述设定方向包括所述网络立体拓扑图的水平方向或竖直方向；根据所述第一坐标和所述第二坐标对所述线段进行偏移操作，生成所述第一网络设备和所述第二网络设备间的链路。

第三方面，本公开提供了一种链路显示装置，所述装置包括：拓扑图显示模块，用于显示包含多个图层的网络立体拓扑图，其中，所述图层对应的地理区域中部署有网络设备；指令接收模块，用于接收链路显示指令；坐标确定模块，用于根据所述链路显示指令确定待连接的第一网络设备的第一坐标和第二网络设备的第二坐标；链路建立模块，用于若所述第一网络设备和所述第二网络设备分别位于不同图层对应的地理区域，根据所述第一坐标和第二坐标确定待显示链路的倾斜角度，根据所述倾斜角度建立所述第一网络设备和所述第二网络设备之间的链路连线；链路显示模块，用于在所述网络立体拓扑图中对所述链路连线进行显示。

第四方面，本公开提供了一种链路生成装置，应用于包含多个图层的网络立体拓扑图中，所述图层对应的地理区域中部署有网络设备，所述装置包括：坐标获取模块，获取第一网络设备的第一坐标和第二网络设备的第二坐标；标签建立模块，用于若确定所述第一网络设备和所述第二网络设备分别位于相邻图层对应的地理区域，则为所述第一坐标和所述第二坐标建立空白形式的div标签；标签收缩模块，用于按照设定方向将所述div标签收缩为线段；所述设定方向包括所述网络立体拓扑图的水平方向或竖直方向；链路生成模块，用于根据所述第一坐标和所述第二坐标对所述线段进行偏移操作，生成所述第一网络设备和所述第二网络设备间的链路。

上述链路显示方法、链路生成方法和装置，通过在包含多个图层的网络立体拓扑图中，根据网络设备的坐标信息，建立不同图层中的网络设备间的链路连线，并将该链路连线显示在网络立体拓扑图中，能够直观地给出网络拓扑结构中，网络设备之间的链路关系，提升了网络拓扑图的展示效果，增强了网络拓扑图的实用性。

本公开的其他特征和优点将在随后的说明书中阐述，或者，部分特征和优点可以从说明书推知或毫无疑义地确定，或者通过实施本公开的上述技术即可得知。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施方式，并配合所附附图，作详细说明如下。

附图说明

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

图1为本公开实施方式提供的网络立体拓扑图的结构示意图；

图2为本公开实施方式提供的一种链路显示方法的流程图；

图3为本公开实施方式提供的另一种网络立体拓扑图的示意图；

图4为本公开实施方式提供的另一种网络立体拓扑图的示意图；

图5为本公开实施方式提供的网络设备的坐标示意图；

图6为本公开实施方式提供的div标签变换成线性原理图；

图7为本公开实施方式提供的线段偏移操作示意图；

图8为本公开实施方式提供的网络立体拓扑图示意图；

图9为本公开实施方式提供的线段偏移操作示意图；

图10为本公开实施方式提供的链路生成方法的流程图；

图11为本公开实施方式提供的另一种网络立体拓扑图；

图12为本公开实施方式提供的链路显示装置的结构框图；

图13为本公开实施方式提供的链路生成装置的结构框图；

图14为本公开实施方式提供的链路显示的网络管理设备的结构示意图。

具体实施方式

为使本公开实施方式的目的、技术方案和优点更加清楚，下面将结合附图对本公开的技术方案进行清楚、完整地描述，显然，所描述的实施方式是本公开一部分实施方式，而不是全部的实施方式。基于本公开中的实施方式，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施方式，都属于本公开保护的范围。

需要说明的是，上述各方法实施方式均采用递进的方式描述，每个实施方式重点说明的都是与其他实施方式的不同之处，各个实施方式之间相同相似的部分互相参见即可。

本公开实施方式中的网络拓扑图与实际物理组网相对应，实际物理组网中各个网络设备通常位于不同的地理区域中，以政府应用的网络管理软件为例，该组网中的网络设备可能遍布于省级别、市级别和县级别的各个政府部门，不同级别政府部门中的网络设备之间会存在物理链路，为了直观体现网络拓扑图，本公开实施方式中引入了网络立体拓扑图，参见图1所示的网络立体拓扑图的结构示意图，该网络立体拓扑图中的网络设备按照级别(如省级别、市级别和县级别等)进行分层，图1中为包含三个图层的网络立体拓扑图，第一图层为省级图层，第二层为市级图层，第三层为县级图层，每个图层图层对应的地理区域中部署有网络设备。如果同一图层中的网络设备之间，或者不同图层的网络设备之间存在物理链路，该物理链路可以采用本公开实施方式中提供的链路显示方法、链路建立方法或装置设置在网络立体拓扑图中。

在实际应用中，网络立体拓扑图的图层个数可以根据级别划分方式确定，本公开对此不进行限定。

上述网络立体拓扑图中网络设备对应的地理区域可以预先设置在网络管理设备中，该网络管理设备还保存有该网络立体拓扑图对应组网中各个网络设备的数据信息，该数据信息包括网络设备的名称、对应的地理区域、预先配置的在网络立体拓扑图中呈现该网络设备的坐标信息，以及该网络设备运行状况信息(例如正常或告警状态)和链路数据信息(例如：链路的流量信息)等。这些数据信息可以存储于其它服务器中，本公开对此不进行限定。

参见图2所示的一种链路显示方法的流程图，该方法可以应用于终端上，该终端可以是计算机、移动终端等设备。该方法包括以下步骤：

步骤S202，显示包含多个图层的网络立体拓扑图，其中，该图层对应的地理区域中部署有网络设备。

该网络立体拓扑图可以显示在终端运行的图形显示应用上，该应用可以是浏览器或特定的图形应用等。

步骤S204，接收链路显示指令。

该链路显示指令可以由用户触发生成，例如在网络立体拓扑图的显示界面上，可以显示地理区域选择控件，供用户点击选择，当该控件被选中时，终端即接收到链路显示指令，该链路显示指令可以包含有地理区域标识。参见图3所示的另一种网络立体拓扑图的示意图，该图的第二图层中显示有该图层对应的各个地理区域控件，用户可以选择当前关注的地理区域控件，例如：南京。终端将会接收到对应南京区域内的网络设备的链路显示指令。

或者，在网络立体拓扑图的显示界面上，也可以显示网络设备的名称列表，该网络设备的名称列表中可以包含地理区域标识和/或网络设备的类型(交换机、服务器等)标识，用户可以通过鼠标点击的方式选择需要建立链路的设备名称。

参见图4所示的另一种网络立体拓扑图的示意图，该图的左侧显示有网络设备的名称列表，用户可以选择当前关注的设备名称。例如：南京区域中的第一服务器和第二服务器。终端将会接收到对应南京区域内的第一服务器和第二服务器的链路显示指令。

需要说明的是，本实施例中仅仅以两个网络设备为例对链路的显示过程进行说明，但应当理解的是，在接收链路显示指令时，可以按照两个网络设备间显示链路的方式同时显示多条链路。

步骤S206，根据链路显示指令确定待连接的第一网络设备的第一坐标和第二网络设备的第二坐标。

如果链路显示指令包含有地理区域标识，可以从上述网络管理设备中获取该地理区域标识对应的网络设备，该网络设备可以是该地理区域标识对应的地理区域内部署的网络设备，若该地理区域内部署多个网络设备，则可以按照获取的网络设备信息的顺序，依次确定待显示的链路连接的网络设备。具体确定顺序的方式本实施例并不加以限定。本实施例以已经确定出待显示链路连接的两个网络设备为例进行说明。先确定出的网络设备作为第一网络设备，然后将于该第一网络设备存在物理链路的网络设备作为第二网络设备；再从网络管理设备的数据信息中获取第一网络设备和第二网络设备的坐标信息，具体为第一网络设备的第一坐标和第二网络设备的第二坐标。

如果链路显示指令包含有第一网络设备和第二网络设备的设备名称，可以根据该设备名称直接从网络管理设备的数据信息中获取第一网络设备和第二网络设备的坐标信息。

作为一种实施方式，上述坐标信息与显示网络立体拓扑图的显示界面对应，该坐标信息的坐标形式可以是(左坐标，顶部坐标)或(left，top)；其中，左坐标或left指该点到显示界面左侧的距离，顶部坐标或top指该点到显示界面顶部的距离，该距离以一个像素点为单位。以浏览器显示方式为例，参见图5所示的网络设备的坐标示意图，其中，矩形外框指浏览器的显示界面，第一网络设备的坐标P1为(15，33)，第二网络设备的坐标P2为(40，7)。

在网络立体拓扑图中，不同图层或者相同图层中的网络设备之间存在物理链路连接关系时，有在网络立体拓扑图中显示其链路连接的需要。如果两个网络设备在相同图层中，与上述方法类似，这里不再赘述。

步骤S208，若第一网络设备和第二网络设备分别位于不同图层对应的地理区域，根据第一坐标和第二坐标确定待显示链路的倾斜角度，根据该倾斜角度建立第一网络设备和所述第二网络设备之间的链路连线。第一网络设备和第二网络设备是否分别位于不同图层，可以根据网络管理设备上存储的第一网络设备和第二网络设备的设备名称以及对应的地理区域确定。

上述倾斜角度可以相对于显示界面的左侧边或顶边，本公开对此不进行限定。在一个坐标系中，如果两点坐标已知，两点连线的倾斜角度可以通过数学公式得出。

步骤S210，在网络立体拓扑图中对上述链路连线进行显示。

上述链路显示方法中，根据网络设备的坐标信息，建立不同图层中的网络设备间的链路连线，并将该链路连线显示在网络立体拓扑图中，能够直观地给出网络拓扑结构中，网络设备之间的链路关系，提升了网络拓扑图的展示效果，增强了网络拓扑图的实用性。

作为一种实施方式，上述网络立体拓扑图还可以配置有默认的地理区域标识，如果没有接收到用户的链路显示指示，可以显示默认地理区域标识对应的网络设备间的链路，具体链路显示方式与上述方法类似，这里不再赘述。

考虑到浏览器大多数基于HTML(Hyper Text Markup Language，超级文本标记语言)实现，为了使链路富有更多的显示形式，在建立不同图层中的网络设备的链路连线时，可以采用div(DIVision，层叠样式表单元的位置和层次)标签的方式实现。

上述步骤S208中的根据第一坐标和第二坐标确定待显示链路的倾斜角度，根据倾斜角度建立位于第一网络设备和所述第二网络设备之间的链路连线的步骤，可以包括：

(1)根据第一坐标和第二坐标建立空白div标签，按照设定方向将div标签收缩为线段；该设定方向包括网络立体拓扑图的水平方向或竖直方向；

(2)根据第一坐标和所述第二坐标确定倾斜角度，根据倾斜角度对线段进行偏移操作，得到第一网络设备和所述第二网络设备间的链路连线。

其中，需要说明的是，现有技术中，由于链路显示多是二维的平面显示，举例来说，在二维地图中显示网络设备的链路连接关系时，当地图进行旋转时，链路也会随着地图进行旋转，但是对于立体显示来说，如果地图旋转了，链路也跟着旋转就达不到链路连接的效果了。因而本实施例所提供的链路显示方法中，为了显示链路连接的立体效果，应当保证即便地图所在的图层发生旋转，链路也不随之旋转。

具体的，生成待显示的链路连线时，会建立一空白div标签，该空白div标签与为了显示地图所建立的div标签为不同的标签，并且，两个div标签间相互无嵌套关系。

由于两个div标签间相互无嵌套关系，即便地图所在的图层进行旋转时，也不影响链路的连线。

其中，根据第一坐标和所述第二坐标建立空白div标签的步骤可以包括：

根据第一坐标和第二坐标确定div标签的横坐标、纵坐标、高度和宽度；根据横坐标、纵坐标、高度和宽度建立空白div标签。

空白div标签是一个矩形框，如图6所示的div标签变换成线性原理图，该矩形框的横坐标、纵坐标为顶点A的坐标。高度和宽度对应如图6所示的height和width，这些均为div标签的基本属性，div标签属性还可以包括背景色，即矩形框的边框显示颜色，这些基本属性可以通过CSS(Cascading Style Sheets，层叠样式表)设置。

考虑到链路的呈现形状为直线，上述按照设定方向将div标签收缩为线段的步骤包括：获取预先设置的div标签的高度或宽度，其中该高度或者宽度被预先设置为零；若高度为零，将上述空白div标签收缩为水平的线段；若宽度为零，将上述空白div标签收缩为竖直的线段，收缩过程如图6所示。

其中，若第一网络设备和第二网络设备分别位于不同图层对应的地理区域，则生成空白div标签的宽度为零的线段，即生成竖直(与图层垂直)的线段，从而便于连接位于两个图层间的网络设备；若第一网络设备和第二网络设备位于相同的图层所对应的地理区域，则生成空白div标签的高度为零的线段，即生成水平(与图层平行)的线段，从而便于同一图层间的网络设备的连接。具体的，确定两个网络设备是否在同一图层内，可以根据图层间的高度坐标信息确定，本实施例不详细赘述。

或者，作为一种实施方式，为了使得后续偏移的过程中，旋转的角度是最小的，可以将div标签的高度或者宽度中较小的设置为零，形成链路线段后再对该线段进行旋转。

作为一种实施方式，上述根据倾斜角度对线段进行偏移操作的步骤包括：将线段旋转倾斜角度，该倾斜角度为上述实施方式中根据第一坐标和第二坐标确定的倾斜角度；拉伸线段至线段的两个端点分别重合至第一坐标和第二坐标。

将线段旋转倾斜角度，可以通过CSS中旋转函数transform:skew()执行。该函数具体包括两种：(1)transform:skew(deg)；(2)transform:skew(xdeg,y deg)；其中transform:skew(x deg)中的x参数表示倾斜角度，单位deg，该倾斜角度为水平方向的倾斜角度；而transform:skew(x deg,y deg)中的x参数表示水平方向的倾斜角度，y参数表示垂直方向的倾斜角度。例如transform:skew(30deg)，表示按照垂直方向纵轴，逆时针偏转上述夹角30°；transform:skew(0 30deg)，表示按照水平方向横轴，顺时针旋转夹角30°。

参见图7所示的线段偏移操作示意图，以将线段AD偏移成线段BC为例，使用transform:skew(∠AXB deg)。偏移后A点沿水平方向到达B点，D点沿水平方向到达C点，CX＝BX＝AX/(cos∠AXB)。

下面基于图8所示的网络立体拓扑图示意图和图9所示的线段偏移操作示意图为例进行说明，图8中的网络设备A、网络设备B和网络设备C分别位于第一图层、第二图层和第三图层，分别用A、B、C表示，其中A和B存在物理链路，B和C存在物理链路。

假设网络设备的坐标如下：A(A.left,A.top)，B(B.left,B.top)，C(C.left,C.top)，其中left是指坐标点到浏览器界面左侧的距离，top是指坐标点到浏览器界面顶端的距离。以AB所在的div标签为例，该div标签的坐标通常用矩形的左上顶点F的坐标表示，根据A(A.left,A.top)，B(B.left,B.top)可以确定出该div标签的坐标为F(B.left，A.top)，根据A(A.left,A.top)，B(B.left,B.top)，该div标签的高和宽分别为width＝A.left-B.left，height＝B.top-A.top。

如上所述的收缩过程，本实施方式将div标签的width预先设置为0，则在建立链路的过程中，AB所在的矩形将收缩为一条竖直方向的线段FB；将div标签坐标left设置为(A.left+B.left)/2，也就是将线段FB水平向右移动到原div标签的中间位置。参见图9所示的偏移线段生成示意图，EX两点所在虚线即上述竖线。

接下来计算AB的偏移角度∠EXA的值，由于EX与AD线段平行，所以∠EXA＝∠BAD，而∠BAD的正切tan(∠BAD)＝BD/AD＝(A.left-B.left)/(B.top-A.top)，再使用JavaScript反正切函数Math.atan(BD/AD)求出∠BAD的弧度，再乘以180°即得到∠BAD的度数。最后再通过CSS设置transform:skew(∠BAD deg)，即生成AB间的链路。

在链路显示时还可以呈现链路信息，考虑到网络立体拓扑图中的网络设备比较多，如果同时显示各个链路的链路信息会比较多，遮挡网络立体拓扑图中显示的其它内容，因此，本实施方式中的div标签设置有点击属性例如：在div标签的属性中添加cursor:pointer和onclick事件，cursor:pointer属性指如果鼠标移动至响应区域，鼠标的形状会变成小手形状，onclick事件指鼠标切换至小手形状下可以通过点击操作，调取需要显示的内容。

基于此，上述方法还包括：当确定立体拓扑图中的链路所对应的响应区域内发生鼠标点击事件时，调取并显示该链路的链路数据信息，该链路数据信息包括：链路的流量信息。其中，链路数据信息可以向上述网络管理设备获取，包括流量对应的设备名称、端口号及流量大小等。链路所对应的响应区域可以基于链路预先配置，例如将链路连线所在区域设置为响应区域，如果鼠标点击该区域，则调取该链路的链路数据信息。

尽管上述链路为div标签形式实现的，但是通过预先将div标签的高度或者宽度设置至0，从而使得div标签收缩成线段，既实现链路连接，又能保证链路彼此不被覆盖，保证了链路的点击功能可以正常使用。

作为一种实施方式，上述在网络立体拓扑图中对链路连线进行显示的步骤包括：获取链路的运行状态信息，该运行状态信息包括：正常运行信息或告警信息；若该运行状态信息为告警信息，根据告警信息对应的告警级别获取预先设置的div标签的背景颜色；在网络立体拓扑图中，以该背景颜色显示链路。其中，告警信息与告警级别的对应关系，以及告警级别与div标签的背景颜色的对应关系可以预习设置。通过以不同颜色显示链路连线，可以有效提示当前链路的运行状态。而链路的运行状态信息可以通过上述网络管理设备获取，如通过浏览器访问网络管理设备，获取运行状态信息，具体获取方式不再详述。

链路连线的端点形状可以预先设置，两个端点的形状可以相同，也可以不同，基于上述div标签方式实现的链路线性，可以为上述div标签配置标识第一坐标的第一子div标签和第二坐标的第二子div标签；则上述在网络立体拓扑图中对链路连线进行显示的步骤包括：获取第一子div标签对应的第一图形和第二子div标签对应的第二图形；在网络立体拓扑图中显示链路，其中，链路中的第一坐标对应的端点以第一图形标识，第二坐标对应的端点以第二图形标识。

如果第一子div标签和第二子div标签均为圆形div标签，在上述空白div标签偏移过程中，该圆形div标签会偏移成椭圆形，在链路显示时，会以椭圆形显示链路的端点。当然，可以在偏移操作后，对圆形div标签执行该偏移操作的逆操作，将椭圆形恢复为圆形。以偏移操作通过transform:skew(∠AXB deg)实现为例，该偏移操作的逆操作通过transform:skew(-∠AXB deg)实现。

上述链路显示方法中，如果切换地理区域，网络立体拓扑图中显示的网络设备和链路会进行切换。

对应于上述链路显示方法，本公开实施方式还提供了一种链路生成方法，应用于包含多个图层的网络立体拓扑图中，各个图层对应的地理区域中部署有网络设备，参见图10所示的链路生成方法的流程图，该方法包括以下步骤：

步骤S1002，在网络立体拓扑图中，获取第一网络设备的第一坐标和第二网络设备的第二坐标。

网络立体拓扑图同上所述，这里不再赘述。用户可以在网络立体拓扑图中选取关注的地理区域，第一网络设备和第二网络设备可以根据用户当前关注的地理区域确定，第一网络设备的第一坐标和第二网络设备的第二坐标可以在网络管理设备的数据库中，根据网络设备的名称查找得到，第一坐标和第二坐标的具体内容同上所述。

步骤S1004，若确定第一网络设备和第二网络设备分别位于相邻图层对应的地理区域，则为第一坐标和所述第二坐标建立空白形式的div标签。

步骤S1006，按照设定方向将div标签收缩为线段；设定方向包括网络立体拓扑图的水平方向或竖直方向。

步骤S1008，根据第一坐标和所述第二坐标对线段进行偏移操作，生成第一网络设备和所述第二网络设备间的链路。

上述链路生成方法，可以获取网络立体拓扑图中彼此存在链路连接关系的网络设备的坐标，并根据上述坐标建立空白形式的div标签，再按照设定方向将div标签收缩为线段并进行偏移操作，从而生成网络设备间的链路；上述方法生成链路方便快捷，同时上述链路均为直连形式，提升了网络设备间的链路呈现效果，进而提升网络拓扑图的展示效果。

通过上述方式得到的链路可以是直立、平行或者倾斜的线段。在系统中预先存储有网络设备的坐标的情况下，可以自动生成链路，方便快捷。

参见图11所示的网络立体拓扑图，该网络立体拓扑图以地区以及单位之间的管理层级为划分原则将网络设备对应划分至不同的拓扑图层，当然，拓扑图层的还可以采用其他的划分原则，本实施例以地区和管理层级划分原则为例进行说明，但不以此为限制。

其中，网络立体拓扑图分为三个图层，第一图层为省级单位使用的网络设备对应的图层，第二图层为地市级别对应的下级单位使用的网络设备对应的图层，第三图层为区县级的下级单位使用的网络设备对应的图层。网络管理设备上回保存有网络设备的数据信息，数据信息的具体内容如上所述，在此实施例中不再重复说明。

以在终端的浏览器显示上述网络立体拓扑图为例，在第二图层的中提供有地理区域选择列表，如果列表中的一个或多个地市被勾选时，浏览器可以以被勾选的地市作为检索词，访问rest接口查询网络管理设备上的数据信息，进而得到被勾选的地市关联的网络设备，这些网络设备中既包括该地市内的网络设备，还包括与该该地市内的网络设备有链路连接关系的网络设备。因此这些网络设备不但包括第二图层中的网络设备，也可能包括第一图层中的网络设备，也可能还包括第三图层中的网络设备。例如：南京被勾选，查找到的网络设备包括南京所在区域内布设的网络设备，以及与这个网络设备有连接关系的第一图层和第三图层中的网络设备。为了便于检索查找，上述网络设备的名称中可以包括区域标识，该区域标识可以以拼音的形式表示，例如南京：nanjing。

查找到上述网络设备后，即得到了这些网络设备的名称列表，对于有链路连接关系，且位于不同图层的任意两个网络设备，为了描述方便，两个网络设备中的一个称为第一网络设备，另一个称为第二网络设备。第一网络设备和第一网络设备间的链路可以采用下述方式建立。

(1)根据第一网络设备和第二网络设备的名称，可以在网络管理设备上的json文件里查找坐标点，得到第一网络设备的第一坐标点和第二网络设备的第二坐标点。

网络管理设备的json文件为网络设备组网部署完成后建立的，json文件中可以包括网络设备的以下信息：链路名称、链路的第一网络设备的坐标点(即第一坐标点)和链路的第二网络设备的坐标点(即第二坐标点)；例如：第一坐标点(614，450)，表示第一坐标点位于距浏览器界面左侧614，距浏览器界面顶部450的位置。坐标的单位为像素。各个网络设备的坐标是预先根据网络设备所在的地理位置进行配置的，因此在网络立体拓扑图中显示的网络设备的对应位置关系与网络设备间的实际位置关系一致。

(2)如果未查询到第一网络设备和/或第二网络设备的坐标点，终端可以提示用户坐标点不存在；如果查询到上述第一坐标点和第二坐标点，可以使用JavaScript创建一个空白的div标签，并设置该div标签的宽度为0，以使div标签变成一条竖直的线段。

为了使创建的链路能够通过点击操作显示链路信息，上述div标签可以配置鼠标点击属性。

在本实施方式中将div标签的高度或者宽度调整至0或者小于等于预设阈值，使得div标签收缩成线段的方式，既实现链路连接，又能保证链路彼此不被覆盖，使多个链路的点击功能可以正常使用。

(3)当div标签收缩为竖直的线段时，使用函数transform:skew(x deg)，对线段进行偏移操作，得到连接第一坐标点和第二坐标点的链路。其中，x为第一坐标点与第二坐标点连线的倾斜角度，本实施方式中，该倾斜角度为第一坐标点与第二坐标点连线与纵坐标轴的夹角，该纵坐标轴为与浏览器界面左侧边平行的坐标轴。为生成待显示的链路所建立的空白div标签与图层中为显示地理区域所建立的标签为不同的div标签，且两个div标签间互相无嵌套关系。

在上述实施方式的基础上，本公开实施方式还提供了一种链路显示装置，参见图12，该装置包括以下模块：

拓扑图显示模块122，用于显示包含多个图层的网络立体拓扑图，其中，图层对应的地理区域中部署有网络设备；

指令接收模块124，用于接收链路显示指令；

坐标确定模块126，用于根据链路显示指令确定待连接的第一网络设备的第一坐标和第二网络设备的第二坐标；

链路建立模块128，用于若第一网络设备和第二网络设备分别位于不同图层对应的地理区域，根据第一坐标和第二坐标确定待显示链路的倾斜角度，根据倾斜角度建立第一网络设备和第二网络设备之间的链路连线；

链路显示模块130，用于在网络立体拓扑图中对链路连线进行显示。

上述链路显示装置通过在包含多个图层的网络立体拓扑图中，根据网络设备的坐标信息，建立不同图层中的网络设备间的链路连线，并将该链路连线显示在网络立体拓扑图中，能够直观地给出网络拓扑结构中，网络设备之间的链路关系，提升了网络拓扑图的展示效果，增强了网络拓扑图的实用性。

在其中一种实施方式中，上述链路建立模块128用于：为第一坐标和第二坐标建立空白div标签，按照设定方向将div标签收缩为线段；设定方向包括网络立体拓扑图的水平方向或竖直方向；根据第一坐标和第二坐标确定倾斜角度，根据倾斜角度对线段进行偏移操作，得到第一网络设备和第二网络设备间的链路连线。

在其中一种实施方式中，上述链路建立模块128为生成待显示的链路所建立的空白div标签与图层中为显示地理区域所建立的标签为不同的div标签，且两个div标签间互相无嵌套关系。

在其中一种实施方式中，上述链路建立模块128用于：获取预先设置的div标签的高度或宽度，其中高度或者宽度被预先设置为零；若高度为零，将空白div标签收缩为水平的线段；若宽度为零，将空白div标签收缩为竖直的线段。

在其中一种实施方式中，上述链路建立模块128用于：将线段旋转倾斜角度；拉伸线段至线段的两个端点分别重合至第一坐标和第二坐标。

在其中一种实施方式中，上述div标签设置有点击属性，上述装置还包括：与链路显示模块128连接的链路数据显示模块；该链路数据显示模块，用于当div标签设置有点击属性时，在确定立体拓扑图中的链路所对应的响应区域内发生鼠标点击事件时，调取并显示所述链路的链路数据信息，该链路数据信息包括：所述链路的流量信息。

在其中一种实施方式中，上述链路显示模块128用于：获取链路的运行状态信息，运行状态信息包括：正常运行信息或告警信息；

若运行状态信息为告警信息，根据告警信息对应的告警级别获取预先设置的div标签的背景颜色；

在网络立体拓扑图中，以背景颜色显示链路。

在上述实施方式的基础上，本公开实施方式还提供了一种链路生成装置，应用于包含多个图层的网络立体拓扑图中，各个图层对应的地理区域中部署有网络设备，参见图13，该装置包括：

坐标获取模块132，用于在网络立体拓扑图中，获取第一网络设备的第一坐标和第二网络设备的第二坐标；

标签建立模块134，用于若确定第一网络设备和第二网络设备分别位于相邻图层对应的地理区域，则为第一坐标和第二坐标建立空白形式的div标签；

标签收缩模块136，用于按照设定方向将div标签收缩为线段；设定方向包括网络立体拓扑图的水平方向或竖直方向；

链路生成模块138，用于根据第一坐标和第二坐标对线段进行偏移操作，生成第一网络设备和第二网络设备间的链路。

在一种可选的实施方式中，链路生成模块138，为生成待显示的链路所建立的空白div标签与图层中为显示地理区域所建立的标签为不同的div标签，且两个div标签间互相无嵌套关系。

上述链路生成装置可以获取网络立体拓扑图中彼此存在链路连接关系的网络设备的坐标，并根据上述坐标建立空白形式的div标签，再按照设定方向将div标签收缩为线段并进行偏移操作，从而生成网络设备间的链路；上述方法生成链路方便快捷，同时上述链路均为直连形式，提升了网络设备间的链路呈现效果，进而提升网络拓扑图的展示效果。

本公开实施方式还提供了一种链路显示的网络管理设备，参见图14所示的一种链路显示的网络管理设备的结构示意图，该链路显示的网络管理设备包括显示器(图中未示出)、处理器100和机器可读存储介质101，机器可读存储介质101存储有能够被处理器100执行的机器可执行指令，处理器100执行机器可执行指令通过显示器实现上述方法。

图14所示的网络管理设备还包括总线102和通信接口103，处理器100、通信接口103和机器可读存储介质101通过总线102连接。

其中，机器可读存储介质101可能包含高速随机存取存储器(RAM，Random AccessMemory)，也可能还包括非不稳定的存储器(non-volatile memory)，例如至少一个磁盘存储器。通过至少一个通信接口103(可以是有线或者无线)实现该系统网元与至少一个其他网元之间的通信连接，可以使用互联网，广域网，本地网，城域网等。总线102可以是ISA总线、PCI总线或EISA总线等。总线可以分为地址总线、数据总线、控制总线等。为便于表示，图14中仅用一个双向箭头表示，但并不表示仅有一根总线或一种类型的总线。

处理器100可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器100中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器100可以是通用处理器，包括中央处理器(Central Processing Unit，简称CPU)、网络处理器(Network Processor，简称NP)等；还可以是数字信号处理器(DigitalSignal Processing，简称DSP)、专用集成电路(Application Specific IntegratedCircuit，简称ASIC)、现成可编程门阵列(Field-Programmable Gate Array，简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本公开实施方式中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本公开实施方式所公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于机器可读存储介质101，处理器100读取机器可读存储介质101中的信息，结合其硬件完成前述实施方式的方法的步骤。

本公开实施方式还提供了一种机器可读存储介质，该机器可读存储介质存储有机器可执行指令，机器可执行指令在被处理器调用和执行时，机器可执行指令促使处理器实现上述实施方式的方法。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统和装置的具体工作过程，可以参考前述方法实施方式中的对应过程，在此不再赘述。

另外，在本公开实施方式的描述中，除非另有明确的规定和限定，术语“安装”、“相连”、“连接”应做广义理解，可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是机械连接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连，可以是两个元件内部的连通。对于本领域技术人员而言，可以具体情况理解上述术语在本公开中的具体含义。

上述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本公开的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本公开各个实施方式上述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是：以上实施方式，仅为本公开的具体实施方式，用以说明本公开的技术方案，而非对其限制，本公开的保护范围并不局限于此，尽管参照前述实施方式对本公开进行了详细的说明，本领域技术人员应当理解：任何熟悉本技术领域的技术人员在本公开揭露的技术范围内，其依然可以对前述实施方式所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本公开实施方式技术方案的精神和范围，都应涵盖在本公开的保护范围之内。因此，本公开的保护范围应以权利要求的保护范围为准。

Claims (12)

1.一种链路显示方法，其特征在于，所述方法包括：

显示包含多个图层的网络立体拓扑图，其中，所述图层对应的地理区域中部署有网络设备；

接收链路显示指令；

根据所述链路显示指令确定待连接的第一网络设备的第一坐标和第二网络设备的第二坐标；

若所述第一网络设备和所述第二网络设备分别位于不同图层对应的地理区域，根据所述第一坐标和第二坐标确定待显示链路的倾斜角度，根据所述倾斜角度建立所述第一网络设备和所述第二网络设备之间的链路连线；

在所述网络立体拓扑图中对所述链路连线进行显示；

所述第一坐标和所述第二坐标的坐标形式包含左坐标、顶部坐标；其中，所述左坐标表征所述第一网络设备和所述第二网络设备到显示界面左侧的距离，所述顶部坐标表征所述第一网络设备和所述第二网络设备到所述显示界面顶部的距离；

根据所述第一坐标和第二坐标确定待显示链路的倾斜角度，根据所述倾斜角度建立位于所述第一网络设备和所述第二网络设备之间的链路连线的步骤，包括：

根据所述第一坐标和所述第二坐标建立空白div标签，按照设定方向将所述div标签收缩为线段；所述设定方向包括所述网络立体拓扑图的水平方向或竖直方向；

根据所述第一坐标和所述第二坐标确定倾斜角度，根据所述倾斜角度对所述线段进行偏移操作，得到所述第一网络设备和所述第二网络设备间的链路连线。

2.根据权利要求1所述的方法，其特征在于，所述按照设定方向将所述div标签收缩为线段的步骤，包括：

获取预先设置的所述div标签的高度或宽度，其中所述高度或者宽度被预先设置为零；

若所述高度为零，将所述空白div标签收缩为水平的线段；

若所述宽度为零，将所述空白div标签收缩为竖直的线段。

3.根据权利要求1所述的方法，其特征在于，所述根据所述倾斜角度对所述线段进行偏移操作的步骤，包括：

将所述线段旋转所述倾斜角度；

拉伸所述线段至所述线段的两个端点分别重合至所述第一坐标和所述第二坐标。

4.根据权利要求1-3任一项所述的方法，其特征在于，

所述div标签设置有点击属性，所述在所述网络立体拓扑图中对所述链路连线进行显示的步骤包括：

当确定所述立体拓扑图中的链路所对应的响应区域内发生鼠标点击事件时，调取并显示所述链路的链路数据信息，所述链路数据信息包括：所述链路的流量信息；

和/或，所述在所述网络立体拓扑图中对所述链路连线进行显示的步骤包括：获取所述链路的运行状态信息，所述运行状态信息包括：正常运行信息或告警信息；

若所述运行状态信息为告警信息，根据所述告警信息对应的告警级别获取预先设置的所述div标签的背景颜色；

在所述网络立体拓扑图中，以所述背景颜色显示所述链路。

5.根据权利要求1所述的方法，其特征在于，为生成待显示的链路所建立的所述空白div标签与所述图层中为显示地理区域所建立的标签为不同的div标签，且两个div标签间互相无嵌套关系。

6.一种链路生成方法，其特征在于，应用于包含多个图层的网络立体拓扑图中，所述图层对应的地理区域中部署有网络设备，所述方法包括：

获取第一网络设备的第一坐标和第二网络设备的第二坐标；所述第一坐标和所述第二坐标的坐标形式包含左坐标、顶部坐标；其中，所述左坐标表征所述第一网络设备和所述第二网络设备到显示界面左侧的距离，所述顶部坐标表征所述第一网络设备和所述第二网络设备到所述显示界面顶部的距离；

若确定所述第一网络设备和所述第二网络设备分别位于相邻图层对应的地理区域，则根据所述第一坐标和所述第二坐标建立空白形式的div标签；

按照设定方向将所述div标签收缩为线段；所述设定方向包括所述网络立体拓扑图的水平方向或竖直方向；

根据所述第一坐标和所述第二坐标对所述线段进行偏移操作，生成所述第一网络设备和所述第二网络设备间的链路。

7.根据权利要求6所述的链路生成方法，其特征在于，为生成待显示的链路所建立的所述空白div标签与所述图层中为显示地理区域所建立的标签为不同的div标签，且两个div标签间互相无嵌套关系。

8.一种链路显示装置，其特征在于，所述装置包括：

拓扑图显示模块，用于显示包含多个图层的网络立体拓扑图，其中，所述图层对应的地理区域中部署有网络设备；

指令接收模块，用于接收链路显示指令；

坐标确定模块，用于根据所述链路显示指令确定待连接的第一网络设备的第一坐标和第二网络设备的第二坐标；

链路建立模块，用于若所述第一网络设备和所述第二网络设备分别位于不同图层对应的地理区域，根据所述第一坐标和第二坐标确定待显示链路的倾斜角度，根据所述倾斜角度建立所述第一网络设备和所述第二网络设备之间的链路连线；

链路显示模块，用于在所述网络立体拓扑图中对所述链路连线进行显示；

所述第一坐标和所述第二坐标的坐标形式包含左坐标、顶部坐标；其中，所述左坐标表征所述第一网络设备和所述第二网络设备到显示界面左侧的距离，所述顶部坐标表征所述第一网络设备和所述第二网络设备到所述显示界面顶部的距离；

所述链路建立模块用于：根据所述第一坐标和所述第二坐标建立空白div标签，按照设定方向将所述div标签收缩为线段；所述设定方向包括所述网络立体拓扑图的水平方向或竖直方向；根据所述第一坐标和所述第二坐标确定倾斜角度，根据所述倾斜角度对所述线段进行偏移操作，得到所述第一网络设备和所述第二网络设备间的链路连线。

9.根据权利要求8所述的装置，其特征在于，所述链路建立模块用于：获取预先设置的所述div标签的高度或宽度，其中所述高度或者宽度被预先设置为零；若所述高度为零，将所述空白div标签收缩为水平的线段；若所述宽度为零，将所述空白div标签收缩为竖直的线段。

10.根据权利要求8所述的装置，其特征在于，所述链路建立模块用于：将所述线段旋转所述倾斜角度；拉伸所述线段至所述线段的两个端点分别重合至所述第一坐标和所述第二坐标。

11.根据权利要求8至10任一项所述的装置，其特征在于，所述装置还包括：链路数据显示模块；所述链路数据显示模块，用于当所述div标签设置有点击属性时，在确定所述立体拓扑图中的链路所对应的响应区域内发生鼠标点击事件时，调取并显示所述链路的链路数据信息，所述链路数据信息包括：所述链路的流量信息；

和/或所述链路显示模块用于：

获取所述链路的运行状态信息，所述运行状态信息包括：正常运行信息或告警信息；

若所述运行状态信息为告警信息，根据所述告警信息对应的告警级别获取预先设置的所述div标签的背景颜色；

在所述网络立体拓扑图中，以所述背景颜色显示所述链路。

12.一种链路生成装置，其特征在于，应用于包含多个图层的网络立体拓扑图中，所述图层对应的地理区域中部署有网络设备，所述装置包括：

坐标获取模块，获取第一网络设备的第一坐标和第二网络设备的第二坐标；所述第一坐标和所述第二坐标的坐标形式包含左坐标、顶部坐标；其中，所述左坐标表征所述第一网络设备和所述第二网络设备到显示界面左侧的距离，所述顶部坐标表征所述第一网络设备和所述第二网络设备到所述显示界面顶部的距离；

标签建立模块，用于若确定所述第一网络设备和所述第二网络设备分别位于相邻图层对应的地理区域，则根据所述第一坐标和所述第二坐标建立空白形式的div标签；

标签收缩模块，用于按照设定方向将所述div标签收缩为线段；所述设定方向包括所述网络立体拓扑图的水平方向或竖直方向；

链路生成模块，用于根据所述第一坐标和所述第二坐标对所述线段进行偏移操作，生成所述第一网络设备和所述第二网络设备间的链路。

Images