一種基于jTopo技術實現(xiàn)的應用拓撲圖編輯器的制作方法

文檔序號：11653848閱讀：518來源：國知局

本發(fā)明涉及拓撲圖編輯技術領域，更具體地說，涉及一種基于jtopo技術實現(xiàn)的應用拓撲圖編輯器。

背景技術：

為了保證數(shù)據(jù)中心的可靠性，通常需要由工作人員對數(shù)據(jù)中心對應的軟硬件進行監(jiān)控，并在任一軟硬件發(fā)生異常時實現(xiàn)對應的修復措施。

但是隨著數(shù)據(jù)中心對應軟硬件數(shù)量的逐漸增多，依靠工作人員對這些軟硬件的監(jiān)控，首先不能保證獲取各軟硬件工作狀態(tài)的實時性，因為目前工作人員采用的監(jiān)控方式為每隔一段時間則對這些軟硬件進行一次工作狀態(tài)的獲取，其次不能夠保證其可以準確的獲取到各軟硬件的工作狀態(tài)，因為工作人員可能由于自身的疏忽或者專業(yè)知識不夠?qū)е芦@取到的工作狀態(tài)為錯誤的工作狀態(tài)，因此急需一種能夠?qū)崟r準確的獲取到各軟硬件工作狀態(tài)的技術方案。

綜上所述，如何提供一種能夠?qū)崟r準確的獲取到數(shù)據(jù)中心中各軟硬件的工作狀態(tài)的技術方案，是目前本領域技術人員亟待解決的問題。

技術實現(xiàn)要素：

本發(fā)明的目的是提供一種基于jtopo技術實現(xiàn)的應用拓撲圖編輯器，以能夠?qū)崟r準確的獲取到數(shù)據(jù)中心中各軟硬件的工作狀態(tài)。

為了實現(xiàn)上述目的，本發(fā)明提供如下技術方案：

一種基于jtopo技術實現(xiàn)的應用拓撲圖編輯器，包括按鈕區(qū)、資源區(qū)、圖元區(qū)、屬性區(qū)及編輯區(qū)，其中：

所述圖元區(qū)，用于提供編輯拓撲圖使用的圖元；

所述編輯區(qū)，用于提供接受并顯示對應圖元以實現(xiàn)拓撲圖編輯的畫布；

所述按鈕區(qū)，用于對所述畫布上的圖元進行位置及形狀的改變編輯；

所述資源區(qū)，用于采用ztree插件以“樹”的形式展示所述拓撲圖；

所述屬性區(qū)，用于實時獲取并顯示所述編輯區(qū)中包含的圖元對應的真實工作狀態(tài)。

優(yōu)選的，還包括：

信息展示模塊，用于實時獲取所述編輯區(qū)中包含的圖元對應的真實工作狀態(tài)的數(shù)據(jù)信息，并在外界點擊所述畫布上的圖元時展示被點擊圖元對應的數(shù)據(jù)信息。

優(yōu)選的，還包括：

告警模塊，用于當確定任一圖元對應真實工作狀態(tài)為異常工作狀態(tài)時輸出告警信息。

優(yōu)選的，所述告警模塊包括：

告警單元，用于當確定任一圖元對應真實工作狀態(tài)為異常工作狀態(tài)時將對應告警信息發(fā)送至指定終端。

優(yōu)選的，還包括：

保存區(qū)，用于將所述畫布上的拓撲圖以xml文件的形式進行保存。

優(yōu)選的，還包括：

本地上傳模塊，用于獲取本地上傳的拓撲圖并指示所述編輯區(qū)將該拓撲圖顯示在畫布上。

優(yōu)選的，還包括：

圖元設置模塊，用于在外界發(fā)出的更換命令下將所述圖元區(qū)包括的對應圖元的圖標更換為指定的圖標。

優(yōu)選的，所述圖元設置模塊還用于在外界發(fā)出的添加命令下將對應圖元圖標添加至所述圖元區(qū)。

本發(fā)明提供的一種基于jtopo技術實現(xiàn)的應用拓撲圖編輯器，可以包括按鈕區(qū)、資源區(qū)、圖元區(qū)、屬性區(qū)及編輯區(qū)，其中：所述圖元區(qū)，用于提供編輯拓撲圖使用的圖元；所述編輯區(qū)，用于提供接受并顯示對應圖元以實現(xiàn)拓撲圖編輯的畫布；所述按鈕區(qū)，用于對所述畫布上的圖元進行位置及形狀的改變編輯；所述資源區(qū)，用于采用ztree插件以“樹”的形式展示所述拓撲圖：所述屬性區(qū)，用于實時獲取并顯示所述編輯區(qū)中包含的圖元對應的真實工作狀態(tài)。由此，工作人員可以根據(jù)真實的軟硬件將其以拓撲圖的方式編輯到應用拓撲圖編輯器上，進而該應用拓撲圖編輯器能夠?qū)崟r獲取對應軟硬件的工作狀態(tài)并顯示，從而工作人員無需像現(xiàn)有技術中一樣實現(xiàn)對軟硬件的監(jiān)控，只需由應用拓撲圖編輯器中隨時獲取對應軟硬件的工作狀態(tài)即可，從而能夠?qū)崟r準確的獲取到數(shù)據(jù)中心中各軟硬件的工作狀態(tài)。

附圖說明

為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術中的技術方案，下面將對實施例或現(xiàn)有技術描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的實施例，對于本領域普通技術人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)提供的附圖獲得其他的附圖。

圖1為本發(fā)明實施例提供的一種基于jtopo技術實現(xiàn)的應用拓撲圖編輯器的結(jié)構(gòu)示意圖；

圖2為本發(fā)明實施例提供的一種基于jtopo技術實現(xiàn)的應用拓撲圖編輯器在一種具體應用場景中的結(jié)構(gòu)示例圖。

具體實施方式

下面將結(jié)合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術方案進行清楚、完整地描述，顯然，所描述的實施例僅僅是本發(fā)明一部分實施例，而不是全部的實施例?；诒景l(fā)明中的實施例，本領域普通技術人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護的范圍。

請參閱圖1，其示出了本發(fā)明實施例提供的一種基于jtopo技術實現(xiàn)的應用拓撲圖編輯器的結(jié)構(gòu)示意圖，可以包括按鈕區(qū)11、資源區(qū)12、圖元區(qū)13、屬性區(qū)14及編輯區(qū)15，其中：

圖元區(qū)13，用于提供編輯拓撲圖使用的圖元；

編輯區(qū)15，用于提供接受并顯示對應圖元以實現(xiàn)拓撲圖編輯的畫布；

按鈕區(qū)11，用于對畫布上的圖元進行位置及形狀的改變編輯；

資源區(qū)12，用于采用ztree插件以“樹”的形式展示拓撲圖；

屬性區(qū)14，用于實時獲取并顯示編輯區(qū)中包含的圖元對應的真實工作狀態(tài)。

本申請公開的應用拓撲圖編輯器可以包括五個區(qū)域：按鈕區(qū)、資源區(qū)、圖元區(qū)、屬性區(qū)及編輯區(qū)。其中圖元區(qū)提供的圖元可以包括有與真實軟硬件對應的圖標，由此，當外界需要根據(jù)真實的軟硬件將其以拓撲圖的方式編輯到應用拓撲圖編輯器上時，可以將圖元區(qū)提供的圖元中與需要獲取其拓撲圖的軟硬件對應的圖元拖動到畫布上(編輯區(qū)還提供對圖元進行的拖曳、點擊等根據(jù)實際需要設定的事件以動態(tài)編輯畫布上的圖元等元素)，并通過按鈕區(qū)包含的按鈕對圖元進行位置及形狀的改變編輯，位置的改變編輯即為將圖元移動至與真實軟硬件對應的位置，形狀的改變編輯可以包括對圖元的縮放等，具體可以根據(jù)實際需要進行設定，另外還可以通過按鈕區(qū)的對應按鈕將編輯的拓撲圖進行保存等；當拓撲圖編輯完成后，可以通過資源區(qū)采用ztree插件以“樹”的形式進行展示，且屬性區(qū)可以實時獲取并顯示畫布上包含的圖元對應軟硬件的真實工作狀態(tài)，由此外界不僅可以通過資源區(qū)直接準確的獲取到軟硬件的連接關系，還可以通過屬性區(qū)直接準確的獲取到軟硬件的真實工作狀態(tài)，從而在任一軟硬件出現(xiàn)問題時能夠通過屬性區(qū)直接定位到問題軟硬件。需要說明的是，屬性區(qū)顯示的軟硬件的工作狀態(tài)可以包括兩種，分別為正常工作狀態(tài)和異常工作狀態(tài)，當然還可以根據(jù)實際需要進行其他設定，均在本發(fā)明的保護范圍之內(nèi)。另外圖元可以包括jtopo自帶的圖元和工作人員根據(jù)實際需要進行二次開發(fā)增加的圖元。

本發(fā)明提供的一種基于jtopo技術實現(xiàn)的應用拓撲圖編輯器，可以包括按鈕區(qū)、資源區(qū)、圖元區(qū)、屬性區(qū)及編輯區(qū)，其中：圖元區(qū)，用于提供編輯拓撲圖使用的圖元；編輯區(qū)，用于提供接受并顯示對應圖元以實現(xiàn)拓撲圖編輯的畫布；按鈕區(qū)，用于對畫布上的圖元進行位置及形狀的改變編輯；資源區(qū)，用于采用ztree插件以“樹”的形式展示拓撲圖：屬性區(qū)，用于實時獲取并顯示編輯區(qū)中包含的圖元對應的真實工作狀態(tài)。由此，工作人員可以根據(jù)真實的軟硬件將其以拓撲圖的方式編輯到應用拓撲圖編輯器上，進而該應用拓撲圖編輯器能夠?qū)崟r獲取對應軟硬件的工作狀態(tài)并顯示，從而工作人員無需像現(xiàn)有技術中一樣實現(xiàn)對軟硬件的監(jiān)控，只需由應用拓撲圖編輯器中隨時獲取對應軟硬件的工作狀態(tài)即可，從而能夠?qū)崟r準確的獲取到數(shù)據(jù)中心中各軟硬件的工作狀態(tài)。

另外本申請中使用jtopo技術開發(fā)多個區(qū)域，各個區(qū)域之間相互關聯(lián)，相互作用，易管理，清晰可見，采用ztree插件，還可以有效實現(xiàn)軟硬件等資源的監(jiān)控。jtopo是一款完全基于html5canvas的關系、拓撲圖形化界面開發(fā)工具包，其關注于數(shù)據(jù)的圖形展示，面向開發(fā)人員，可以進行二次開發(fā)，可以利用jtopo快速創(chuàng)建一些關系圖、拓撲圖等相關圖形化的展示；也可以使用jtopo來進行人性化、圖形化的展示數(shù)據(jù)之間存在的關聯(lián)關系。因此采用jtopo技術實現(xiàn)應用拓撲圖在線編輯器是非常適合的，可以使外界在線編輯以及展示軟硬件等資源的工作狀態(tài)。本申請公開的編輯器可以應用于數(shù)據(jù)中心，也可應用于其他需要實現(xiàn)軟硬件監(jiān)控的領域，均在本發(fā)明的保護范圍之內(nèi)。