[發明專利]一種基于DOM對象高效繪制網絡拓撲圖的方法

有效

• 申請號: 201710959240.8
• 申請日: 2017-10-16
• 公開（公告）號: CN107864048B
• 公開（公告）日: 2021-02-05
• 發明（設計）人: 韓雪飛
• 申請（專利權）人: 北京易訊通信息技術股份有限公司
• 主分類號: H04L12/24
• 分類號: H04L12/24
• 代理公司: 西安西達專利代理有限責任公司 61202
• 代理人: 李文義

1.一種基于DOM對象高效繪制網絡拓撲圖的方法，其特征在于，包括以下步驟：

1）首先需要初始化讀取用戶傳入的數組，當初始化之后需要根據設計圖對每部分進行樣式處理；

2）物理網絡部分：讀取數組后判斷是否包含brige，name以及nic字段，如果存在，初始化dom.ef-topoNew-net.name以及dom.ef-topoNew-net.brige用來顯示該物理網絡的名稱以及網橋，如果包含多個物理網絡，則循環該數組第一層，通過數組的length決定初始化的物理網絡的dom的個數與值；

3）當確定包含物理網絡的時候，循環該物理網絡下面的vlan字段，如果vlan的length不為0，則初始化網絡部分dom.ef-topoNew-net.content，該部分不僅需要顯示網絡的名稱，后期的子網及云主機都放在該dom內部，根據vlan的length確定dom的個數，每個dom包含其中的網絡以及該網絡下的子網，以及該子網下的云主機；

4）子網部分：當確定包含網絡時，判斷該vlan下的subnet字段的length是否存在并且length大于0，如果存在且length大于0，循環該字段，初始化dom.ef-topoNew-net.subnet,根據subnet的length確定dom的個數，每個dom包含其中的該子網以及該子網下的云主機，同時需要判斷子網的ip_use字段，如果該字段的數值大于1需要在子網的右上角加上云主機數量顯示，云主機的數量為ip_use的個數減1，需要去掉網關占用；當子網的個數大于3個時候，需要對該網絡的子網進行展開和縮回的處理，如果該子網個數大于6個，需要進行翻頁顯示，每頁顯示的最大個數為6；當一個子網展開的時候，其余的子網均為縮回狀態；

5）云主機部分：當確定包含子網時，點擊該子網時對外暴露事件click，使用者需要調用子網下的云主機的后臺接口，拿到數據后通過事件返回，判斷返回數據的length是否大于0，如果該數據大于0，則循環該數組，初始化dom.ef-topoNew-net.vm，用于存放云主機；如果云主機個數小于8，則根據云主機的個數自適應高度，如果個數大于8，則最大高度為8個的高度，進行翻頁顯示，且當點擊其他空白處時，云主機部分會消失，再次查看依賴用戶的點擊；

6）圖例部分：圖例對每個部分做了一個解釋，通過html和css的dom和樣式控制生成網絡拓撲圖。

2.根據權利要求1所述的一種基于DOM對象高效繪制網絡拓撲圖的方法，其特征在于，所述的網絡拓撲圖的步驟如下：

1）需要判斷是否包含物理網絡，如果包含則顯示物理網絡與網橋，否則結束流程；

2）在有物理網絡的情況下，需要判斷是否包含網絡，如果包含則顯示網絡，否則結束流程，拓撲圖上只顯示物理網絡與網橋；

3）在有網絡的情況下，需要判斷是否包含子網，如果包含則顯示子網，否則結束歷程，拓撲圖上顯示物理網絡與網橋；

4）在有子網的情況下，需要判斷該子網下是否包含云主機，如果包含云主機，則在點擊的情況下顯示云主機，同時子網右上角顯示云主機數量，否則結束流程，拓撲圖上顯示物理網絡，網橋，網絡與子網。

3.根據權利要求1所述的一種基于DOM對象高效繪制網絡拓撲圖的方法，其特征在于，所述的物理網絡與網橋是一對一的關系，每個物理網絡只存在一個網橋。

4.根據權利要求1所述的一種基于DOM對象高效繪制網絡拓撲圖的方法，其特征在于，所述的含物理網絡和網絡是一対多的關系，一個物理網絡下可以包含多個網絡。

5.根據權利要求1所述的一種基于DOM對象高效繪制網絡拓撲圖的方法，其特征在于，所述的網絡和子網是一對多的關系，一個網絡可以包含多個子網。

6.根據權利要求1所述的一種基于DOM對象高效繪制網絡拓撲圖的方法，其特征在于，所述的子網和云主機是一對多的關系，一個子網可以包含多個云主機。

7.根據權利要求1所述的一種基于DOM對象高效繪制網絡拓撲圖的方法，其特征在于，所述的圖例與拓撲圖是顯示關系。