[发明专利]一种基于HTML5的集群网络拓扑展现方法

权利要求书

1.一种基于HTML5的集群网络拓扑展现方法，其特征在于：所述方法包括以下步骤：

步骤1：从数据库中读取网络拓扑图的原数据；

步骤2：将所述原数据转换为展示数据；

步骤3：将所述展示数据转化为网络拓扑图信息，并进行显示；

步骤4：修改网络拓扑图；

步骤5：保存修改信息。

2.根据权利要求1所述的基于HTML5的集群网络拓扑展现方法，其特征在于：所述步骤1中，原数据包括网络节点设备、设备配置信息、设备指标信息、画布信息和设备关系信息；原数据以List<Map<String，Object>>集合方式存储。

3.根据权利要求1所述的基于HTML5的集群网络拓扑展现方法，其特征在于：所述步骤2中，通过页面设定的函数解析所述原数据，从而使其被HTML5所使用，转换为展示数据。

4.根据权利要求1所述的基于HTML5的集群网络拓扑展现方法，其特征在于：所述步骤3中，所述展示数据包括网络节点设备、设备的图片信息、设备配置信息、设备指标信息、画布信息、设备关系信息和设备坐标值；所述展示数据以json格式存储。

5.根据权利要求1所述的基于HTML5的集群网络拓扑展现方法，其特征在于：所述步骤3包括以下步骤：

步骤3-1：根据屏幕大小重新设置设备坐标值，根据重新设置的设备坐标值将设备图片定位到相应位置；

步骤3-2：根据设备关系信息利用HTML5将节点之间的相互关系及网络连接展现出来；

步骤3-3：将设备指标值、端口信息和设备运行情况以页面属性值方式赋值到页面中。

6.根据权利要求1所述的基于HTML5的集群网络拓扑展现方法，其特征在于：所述步骤4包括以下步骤：

步骤4-1：通过调用位置设定函数修改网络拓扑图中节点的位置；

步骤4-2：修改节点之间的相互关系；通过调用删除节点间关系函数取消节点之间的相互关系，通过调用创建节点间关系函数建立节点间的相互关系；

步骤4-3：添加网络节点；在节点添加导航中，将要添加的节点拖拽到目标位置上，即完成网络节点添加，并调用节点添加函数，将添加的节点各项指标值、端口信息赋值到页面中；

步骤4-4：删除网络节点；选中需要删除的节点，通过调用删除函数完成网络节点删除。

7.根据权利要求1所述的基于HTML5的集群网络拓扑展现方法，其特征在于：所述步骤5中，将修改信息发送到数据库中进行保存。