[发明专利]一种使用SVG描述网络拓扑的方法

说明书

技术领域

本发明涉及计算机领域，特别是涉及一种使用SVG(Scalable VectorGraphics，可放缩的矢量图形)灵活描述网络拓扑的方法。

背景技术

在大多的网络管理软件中，图形化的拓扑结构展现是很重要的。它能最直观和准确的给用户息表达出当前网络的结构和相关数据信息。当要灵活迅速的反映网络中各节点间的联系和各节点的状态信的时候，当想要在拓扑图上灵活进行功能操作的时候，传统的灵活响应的界面表现上不是那么的简单，同样也会面临开发难度大，成本高，周期长的问题。

而现有的使用SVG描述网络拓扑的的软件产品中，C/S(Client/Server，客户机和服务器结构)界面技术表现起来有点复杂，开发难度和成本高，而且表现的可能还不够灵活和丰富。目前B/S的软件也越来越多，可能成为一种趋势。在B/S(Browser/Serve，浏览器和服务器结构)上表现拓扑的话，可以通过HTML(HyperText Mark-up Language，超文本标记语言)界面元素来实现，但是由于HTML元素是基于文本的表达形式，所以在复杂丰富并且要求快速表现形式却又太过单一，仅仅是SVG图形的展示，仅仅是一个拓扑结构的单一层次的平面展示，而不能在一个图上做到多级网络的多层次、灵活展示，并且不能针对不同用户去展示个性化的内容，在人性化的交互性上比较差，而且还不支持保存成其他格式图片。

发明内容

本发明提供一种使用SVG灵活描述网络拓扑的方法，用以解决现有技术中存在的HTML表现能力弱的问题。

为达上述目的，本发明提供一种使用SVG描述网络拓扑的方法，所述方法包括：

使用SVG里的对象元素来表现网络拓扑图形以及里面的节点，通过JAVASCRIPT来控制所述对象元素，动态的控制拓扑节点的载入和显示；

使用SVG的LINE元素在拓扑节点中连线，用于表示拓扑节点间的连接关系，所述连线由JAVASCRIPT控制动态产生，并可通过设置LINE元素的属性值，来控制线的起点终点；

将上述步骤的数据信息存储在WEB服务器上。

进一步，使用SVG的文本对象元素来显示拓扑中的所有的文字描述和动态提示。

进一步，使用JAVASCRIPT中的settimeout函数，定时从所述web服务器上获取最新的状态数据，然后根据所述最新状态数据，由JAVASCRIPT程序来更改SVG对象元素的属性，实现定时刷新功能。

进一步，当SVG元素表现的拓扑节点代表域，并且该拓扑节点还包括网络结构时，则描述该拓扑节点的网络结构包括以下步骤：

通过JAVASCRIPT控制dom节点的removeChild函数清除当前SVG中的所有DOM元素，

从所述WEB服务器上读取该节点的下一级拓扑的SVG数据。

进一步，将每个用户的个性化信息以XML格式保存在WEB服务器上，每个用户一个目录，里面存放着此用户的每个域的XML文件，每个XML文件里保存着一个域的所有节点信息；每当用户修改节点信息时，JAVASCRIPT记录下这些信息，然后传给WEB服务器，由WEB服务器来更新用户的个性化信息。

进一步，在JAVASCRIPT中获取得整个SVG图像的文本元素，将该文本元素通过HTTP协议传到web服务器；

web服务器接收到后，将其转换成JPG格式图片，并将JPG格式图片路径返回给用户的客户端，并利用JAVASCRIPT弹出导出框，实现用户的客户端保存功能。

本发明有益效果如下：

本发明可以很快的开发出表现丰富，快速灵活，功能强大的拓扑图。开发出的拓扑图上可以表现出丰富的节点连线，设备拖拉，实时数据和实时状态的刷新，支持鼠标的各种事件响应，支持丰富的菜单项操作，还可做出特效和动画，可灵活的嵌入B/S和C/S软件界面中，并且交互灵活，可快速切换来展示不同层次网络的结构，并可实时保存用户的个性化位置和文字信息，并可导出实时拓扑图片，非常实用。相比于传统的C/S界面开发和HTML开发，该技术实现时表现丰富，开发难度相对要小，开发周期短，成本低，交互性强，实用性强。

附图说明

图1是本发明实施例一种使用SVG描述网络拓扑的方法的流程图。

具体实施方式

以下结合附图以及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不限定本发明。