一种图形化的拓扑生成方法与系统的制作方法
【技术领域】
[0001]本发明涉及互联网信息前端领域，特别是涉及一种图形化的拓扑生成方法及系统。
【背景技术】
[0002]随着信息时代的快速发展，用户的信息量与日倶增。海量信息的可视化围绕着“可读、逻辑可用”的目的传递信息，将枯燥繁琐的数据转为通俗易懂的图形化信息，提高用户体验。
[0003]随着当今网络通信技术的高速发展，网络规模不断扩大，复杂度不断增加，可视化地管理复杂的网络十分重要。现有的可视化管理，网络系统监管的设备信息以列表的形式显示出来，但是这样不能直观的反应网络的拓扑信息以及各网元、链路的工作情况，当发生异常时，不能直接快速地定位到发出告警的设备。
【发明内容】
[0004]有鉴于此，本发明的主要目的在于提供一种图形化的拓扑生成方法，可以根据图形化窗口尺寸将目标设备的拓扑关系直观地绘制出来。
[0005]为实现上述目的，本发明提供了一种图形化的拓扑生成方法，包括:
[0006]从底层接口获取目标拓扑数据；
[0007]所述目标拓扑数据包括:代表各目标设备的图标，各目标设备之间的拓扑关系，以及各图标的尺寸位置信息；
[0008]根据所述目标拓扑数据和当前图形化窗口尺寸绘制目标设备间的拓扑关系；
[0009]为所述目标设备的图标添加对应的事件响应。
[0010]优选地，所述各图标的尺寸位置信息包括:各图标竖直方向尺寸与图形化窗口总高度的竖直尺寸比例，各图标水平方向尺寸与图形化窗口总宽度的水平尺寸比例，所述各图标竖直方向位置高度与图形化窗口总高度的竖直位置比例，以及所述各图标水平方向位置宽度与图形化窗口总宽度的水平位置比例。
[0011]优选地，根据所述目标拓扑数据和当前图形化窗口尺寸绘制目标设备间的拓扑关系包括:
[0012]确定当前图形化窗口的总高度与总宽度；
[0013]根据所述各图标与图形化窗口的所述竖直尺寸比例，水平尺寸比例，竖直位置比例，水平位置比例以及当前图形化窗口的总高度与总宽度，计算出所述各图标对应的位置坐标与尺寸；
[0014]根据所述各图标对应的位置坐标与尺寸，在所述当前图形化窗口中绘制所述各图标；
[0015]根据所述各目标设备之间的拓扑关系，为绘制好的各图标绘制拓扑关系。
[0016]优选地，所述各图标的位置坐标为所述各图标中心点的坐标。
[0017]优选地，使用Canvas元素在所述当前图形化窗口中绘制目标设备间的拓扑关系。
[0018]本发明还提供了一种图形化的拓扑生成系统，包括:拓扑数据获取模块，拓扑关系绘制模块和事件添加模块；
[0019]所述拓扑数据获取模块用于从底层接口获取目标拓扑数据，所述目标拓扑数据包括:代表各目标设备的图标，各目标设备之间的拓扑关系，以及各图标的尺寸位置信息；
[0020]所述拓扑关系绘制模块用于根据所述目标拓扑数据和当前图形化窗口尺寸绘制目标设备间的拓扑关系；
[0021]所述事件添加模块用于为所述目标设备的图标添加对应的事件响应。
[0022]优选地，使用Canvas元素在所述当前图形化窗口中绘制目标设备间的拓扑关系。
[0023]应用本发明提供的一种图形化的拓扑生成方法与系统，从底层接口获取目标拓扑数据，所述目标拓扑数据包括:代表各目标设备的图标，各目标设备之间的拓扑关系，以及各图标的尺寸位置信息，根据所述目标拓扑数据在当前图形化窗口绘制目标设备间的拓扑关系，为所述目标设备的图标添加对应的事件响应。根据目标设备及其之间的拓扑关系，利用与目标设备对应的图标和图形化窗口尺寸绘制目标设备间的可视化拓扑关系，可以直观地将设备间的拓扑关系进行展示。
【附图说明】
[0024]为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。
[0025]图1为本发明一种图形化的拓扑生成方法实施例一的流程图；
[0026]图2为本发明一种图形化的拓扑生成方法实施例二的流程图；
[0027]图3为本发明一种图形化的拓扑生成系统实施例三的结构示意图。
【具体实施方式】
[0028]下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
[0029]实施例一:
[0030]本发明提供了一种图形化的拓扑生成方法，图1示出了本发明图形化拓扑生成方法实施例一的流程图，包括:
[0031]步骤SlOl:从底层接口获取目标拓扑数据；
[0032]所述目标拓扑数据包括:代表各目标设备的图标，各目标设备之间的拓扑关系，以及各图标的尺寸位置信息；
[0033]通过底层Rest Api应用程序编程接口获取要进行图形表征的各目标设备的拓扑关系，对应的图标和尺寸，各图标的尺寸位置信息包括:各图标竖直方向尺寸与图形化窗口总高度的竖直尺寸比例，各图标水平方向尺寸与图形化窗口总宽度的水平尺寸比例，所述各图标竖直方向位置高度与图形化窗口总高度的竖直位置比例，以及所述各图标水平方向位置宽度与图形化窗口总宽度的水平位置比例。
[0034]步骤S102:根据所述目标拓扑数据和当前图形化窗口尺寸绘制目标设备间的拓扑关系；
[0035]根据拓扑数据将拓扑关系以适合当前图形化窗口的尺寸进行绘制。
[0036]步骤S103:为所述目标设备的图标添加对应的事件响应。
[0037]将各图标对应的设备的事件响应添加至图标，如添加虚拟机，防火墙等交互操作事件。
[0038]应用本实施例提供的一种图形化的拓扑生成方法，从底层接口获取目标拓扑数据，所述目标拓扑数据包括:代表各目标设备的图标，各目标设备之间的拓扑关系，以及各图标的尺寸位置信息，根据所述目标拓扑数据在当前图形化窗口绘制目标设备间的拓扑关系，为所述目标设备的图标添加对应的事件响应。根据目标设备及其之间的拓扑关系，利用与目标设备对应的图标和图形化窗口尺寸绘制目标设备间的可视化拓扑关系，可以直观地将设备间的拓扑关系进行展示。
[0039]实施例二:
[0040]图2示出了本发明一种图形化的拓扑生成方法实施例二的流程图，具体地，实施例一种步骤S102包括:
[0041]步骤SlOl:确定当前图形化窗口的总高度与总宽度；
[0042]步骤S102:根据所述各图标与图形化窗口的所述竖直尺寸比例，水平尺寸比例，竖直位置比例，水平位置比例以及当前图形化窗口的总高度与总宽度，计算出所述各图标对应的位置坐标与尺寸；
[0043]步骤S103:根据所述各图标对应的位置坐标与尺寸，在所述当前图形化窗口中绘制所述各图标；
[0044]步骤S104:根据所述各目标设备之间的