本發(fā)明涉及計算機技術(shù)領(lǐng)域，尤其涉及一種Web圖形部署方法及裝置。

背景技術(shù)：

隨著計算機領(lǐng)域的發(fā)展，諸多時候用戶需要將多個產(chǎn)品組建為一組協(xié)同的應(yīng)用服務(wù)，現(xiàn)有方式常為用戶在視圖中以每次單獨操作一類產(chǎn)品的方式來逐個創(chuàng)建產(chǎn)品，再通過文字或者表格的形式展示產(chǎn)品之間的關(guān)系，此種方式產(chǎn)品之間的關(guān)聯(lián)關(guān)系不夠直觀且單個創(chuàng)建后再進行組建的效率較低，容易出錯。

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

本發(fā)明實施例提供一種Web圖形部署方法及系統(tǒng)，可在同一視圖中組建若干產(chǎn)品以及產(chǎn)品之間的關(guān)聯(lián)關(guān)系，最終完成應(yīng)用服務(wù)的資源部署。

第一方面，本發(fā)明實施例提供了一種Web圖形部署的方法，該方法包括：檢測是否存在將產(chǎn)品圖形拖放于工作區(qū)中的放置操作，一個產(chǎn)品圖形對應(yīng)預(yù)存的產(chǎn)品信息；若存在將產(chǎn)品圖形放置于工作區(qū)的放置操作，根據(jù)預(yù)存的產(chǎn)品圖形的圖片信息將產(chǎn)品圖形放置于工作區(qū)內(nèi)；檢測是否存在建立工作區(qū)內(nèi)產(chǎn)品圖形之間的關(guān)聯(lián)關(guān)系的建立操作；若存在建立產(chǎn)品圖形之間的關(guān)聯(lián)關(guān)系的建立操作，建立相對應(yīng)的產(chǎn)品圖形之間的關(guān)聯(lián)關(guān)系；根據(jù)拖放的產(chǎn)品圖形以及所建立的關(guān)聯(lián)關(guān)系在工作區(qū)構(gòu)建出至少一個產(chǎn)品系統(tǒng)圖；部署每個產(chǎn)品系統(tǒng)圖的產(chǎn)品資源。

另一方面，本發(fā)明實施例提供了一種Web圖形部署裝置，該Web圖形部署裝置包括：檢測單元、放置單元、建立單元以及構(gòu)建單元，其中檢測單元用于檢測是否存在將產(chǎn)品圖形拖放于工作區(qū)中的放置操作，一個產(chǎn)品圖形對應(yīng)預(yù)存的產(chǎn)品信息；放置單元用于若存在將產(chǎn)品圖形放置于工作區(qū)的放置操作，根據(jù)預(yù)存的產(chǎn)品圖形的圖片信息將產(chǎn)品圖形放置于工作區(qū)內(nèi)；檢測單元還用于檢測是否存在建立工作區(qū)內(nèi)產(chǎn)品圖形之間的關(guān)聯(lián)關(guān)系的建立操作；建立單元用于若存在建立產(chǎn)品圖形之間的關(guān)聯(lián)關(guān)系的建立操作，建立相對應(yīng)的產(chǎn)品圖形之間的關(guān)聯(lián)關(guān)系；構(gòu)建單元用于根據(jù)拖放的產(chǎn)品圖形以及所建立的關(guān)聯(lián)關(guān)系在工作區(qū)構(gòu)建出至少一個產(chǎn)品系統(tǒng)圖；處理單元用于部署每個產(chǎn)品系統(tǒng)圖的產(chǎn)品資源。

本發(fā)明實施例通過統(tǒng)一的視圖供用戶在視圖中的工作區(qū)編輯與產(chǎn)品對應(yīng)的產(chǎn)品圖形以及關(guān)聯(lián)關(guān)系，最終形成一幅代表應(yīng)用系統(tǒng)的產(chǎn)品系統(tǒng)圖，進而根據(jù)產(chǎn)品系統(tǒng)圖上的攜帶的信息完成相應(yīng)的應(yīng)用系統(tǒng)的資源部署，所有的產(chǎn)品都可以在同一視圖進行編輯，更直觀地產(chǎn)品之間的關(guān)聯(lián)關(guān)系展示出來同時還提高了組建效率。

附圖說明

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

圖1是發(fā)明實施例提供一種Web圖形部署裝置的可視視圖的示意圖；

圖2本發(fā)明實施例提供的一種Web圖形部署方法的示意流程圖；

圖3是本發(fā)明實施例提供的在可視視圖上的產(chǎn)品系統(tǒng)圖的示意圖；

圖4a是本發(fā)明實施例提供的顯示產(chǎn)品系統(tǒng)圖上所有層級的產(chǎn)品圖形于同一視圖的示意圖；

圖4b是本發(fā)明實施例提供的顯示所選擇的基礎(chǔ)設(shè)施層級的產(chǎn)品圖形并隱藏應(yīng)用服務(wù)層級的產(chǎn)品圖形；

圖5本發(fā)明實施例提供的一種Web圖形部署裝置的組成示意圖。

具體實施方式

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

應(yīng)當理解，當在本說明書和所附權(quán)利要求書中使用時，術(shù)語“包括”和“包含”指示所描述特征、整體、步驟、操作、元素和/或組建的存在，但并不排除一個或多個其它特征、整體、步驟、操作、元素、組建和/或其集合的存在或添加。還應(yīng)當理解，在此本發(fā)明說明書中所使用的術(shù)語僅僅是出于描述特定實施例的目的而并不意在限制本發(fā)明。如在本發(fā)明說明書和所附權(quán)利要求書中所使用的那樣，除非上下文清楚地指明其它情況，否則單數(shù)形式的“一”、“一個”及“該”意在包括復(fù)數(shù)形式。還應(yīng)當進一步理解，在本發(fā)明說明書和所附權(quán)利要求書中使用的術(shù)語“和/或”是指相關(guān)聯(lián)列出的項中的一個或多個的任何組合以及所有可能組合，并且包括這些組合。

參見圖1，是本發(fā)明實施例提供一種Web圖形部署裝置的可視視圖的示意圖。其中Web圖形部署裝置基于SVG與VML提供統(tǒng)一的可視視圖以供用戶操作。如圖所示，可視視圖10包括產(chǎn)品列表11、工作區(qū)12以及屬性面板13三大模塊，產(chǎn)品列表11用于陳列若干產(chǎn)品的對應(yīng)的產(chǎn)品圖形，以供用戶從中將所需的產(chǎn)品的對應(yīng)產(chǎn)品圖形拖至工作區(qū)進行編輯；工作區(qū)12用于供用戶編輯從產(chǎn)品列表中選擇的產(chǎn)品圖形以形成用于表示應(yīng)用系統(tǒng)的產(chǎn)品系統(tǒng)圖。該編輯包括但是不限制為創(chuàng)建產(chǎn)品圖形之間的關(guān)聯(lián)關(guān)系、調(diào)整產(chǎn)品圖形的尺寸大?。粚傩悦姘?3用于供用戶修改或者設(shè)定所選擇的產(chǎn)品的參數(shù)，產(chǎn)品的參數(shù)包括但是不限制為產(chǎn)品名稱、產(chǎn)品的配置，例如，可在屬性面板上重新設(shè)置所選擇的云主機的CPU、內(nèi)存大小、實例數(shù)量等；在屬性面板13上設(shè)置磁盤的掛載點和大小。

參見圖2，是本發(fā)明實施例提供的一種Web圖形部署方法的示意流程圖。如圖所示，該方法包括：

步驟S101，檢測是否存在將產(chǎn)品圖形拖放于工作區(qū)中的放置操作，一個產(chǎn)品圖形對應(yīng)預(yù)存的產(chǎn)品信息，是因為產(chǎn)品圖形與產(chǎn)品相對應(yīng)，而產(chǎn)品對應(yīng)有預(yù)存的產(chǎn)品信息。具體的，產(chǎn)品為組建一個應(yīng)用系統(tǒng)所需要的資源，產(chǎn)品包括但是不限制為主機、磁盤、應(yīng)用服務(wù)器、數(shù)據(jù)庫、網(wǎng)絡(luò)、虛擬機等資源。該資源是組建應(yīng)用系統(tǒng)時涉及到硬件設(shè)備、軟件服務(wù)和網(wǎng)絡(luò)等資源。還應(yīng)當理解，產(chǎn)品與產(chǎn)品列表中的產(chǎn)品圖形相對應(yīng)；產(chǎn)品與預(yù)存的產(chǎn)品信息也相對應(yīng)。需要說明的是，預(yù)存有與產(chǎn)品相對應(yīng)的產(chǎn)品信息，但是在Web圖形部署裝置的屬性面板可針對預(yù)設(shè)部分產(chǎn)品信息進行修改，其中，產(chǎn)品信息包括但是不限制為產(chǎn)品類型、產(chǎn)品名稱、產(chǎn)品參數(shù)和屬性等。

需要說明的是，若檢測出不存在將產(chǎn)品圖形拖放于工作區(qū)中的放置操作，執(zhí)行步驟S107的結(jié)束流程。

步驟S102，若存在將產(chǎn)品圖形放置于工作區(qū)的放置操作，根據(jù)預(yù)存的產(chǎn)品圖形的圖片信息將產(chǎn)品圖形放置于工作區(qū)內(nèi)。具體的，檢測到將產(chǎn)品圖形拖放于工作區(qū)中的放置操作則視為用戶選擇該產(chǎn)品圖形對應(yīng)的產(chǎn)品進行組建應(yīng)用系統(tǒng)，因此需將將產(chǎn)品圖形拖放至工作區(qū)以供用戶編輯。預(yù)存的圖片信息包括但是不限制為擺放位置、尺寸、形狀、類型等，步驟S102具體為根據(jù)圖片信息中的擺放位置將產(chǎn)品圖形放置于工作區(qū)內(nèi)相對應(yīng)的位置。

步驟S103，檢測是否存在建立工作區(qū)內(nèi)產(chǎn)品圖形之間的關(guān)聯(lián)關(guān)系的建立操作。具體的，應(yīng)用系統(tǒng)中的很多產(chǎn)品是協(xié)同工作的，相互之間具有豐富的關(guān)聯(lián)關(guān)系，因此本實施例中構(gòu)建用于表示應(yīng)用系統(tǒng)的產(chǎn)品系統(tǒng)圖時，用于表示產(chǎn)品的產(chǎn)品圖形之間的關(guān)系也很豐富，本實施例中優(yōu)選用不同的線條表示產(chǎn)品圖形之間不同的關(guān)聯(lián)關(guān)系，該關(guān)聯(lián)關(guān)系包括但是不限制為包含關(guān)系、依賴關(guān)系、引用關(guān)系等。線條的類型可以以顏色、虛實線、粗細來區(qū)分。應(yīng)當理解，線條的類型與關(guān)聯(lián)關(guān)系的對應(yīng)關(guān)系是預(yù)先設(shè)置的，當用戶選擇某一線條連接產(chǎn)品圖形時，則相應(yīng)地可獲知被連接的產(chǎn)品圖形之間的關(guān)系。其他可行的實施例中，還可以采取其他方式來表示產(chǎn)品的關(guān)聯(lián)關(guān)系，例如表示產(chǎn)品A與產(chǎn)品B的包含關(guān)系時，可采取產(chǎn)品A對應(yīng)產(chǎn)品圖形容納產(chǎn)品B對應(yīng)的產(chǎn)品圖形的方式。

需要說明的是，若檢測出不存在建立工作區(qū)內(nèi)產(chǎn)品圖形之間的關(guān)聯(lián)關(guān)系的建立操作，執(zhí)行步驟S107的結(jié)束流程。

步驟S104，若存在建立產(chǎn)品圖形之間的關(guān)聯(lián)關(guān)系的建立操作，建立相對應(yīng)的產(chǎn)品圖形之間的關(guān)聯(lián)關(guān)系。

步驟S105，根據(jù)拖放的產(chǎn)品圖形以及所建立的關(guān)聯(lián)關(guān)系在工作區(qū)構(gòu)建出至少一個產(chǎn)品系統(tǒng)圖。

步驟S106，部署每個產(chǎn)品系統(tǒng)圖的產(chǎn)品資源。

步驟S107，結(jié)束。

具體的，根據(jù)產(chǎn)品系統(tǒng)圖所攜帶的信息部署產(chǎn)品資源以形成應(yīng)用系統(tǒng)。在工作區(qū)內(nèi)編輯產(chǎn)品圖形最終形成一幅用于表示應(yīng)用系統(tǒng)的產(chǎn)品系統(tǒng)圖，產(chǎn)品系統(tǒng)圖中包括產(chǎn)品圖形以及關(guān)聯(lián)關(guān)系，由于產(chǎn)品圖形對應(yīng)有產(chǎn)品信息，因此從產(chǎn)品系統(tǒng)圖可獲取到應(yīng)用系統(tǒng)所需要的產(chǎn)品信息，其包括了產(chǎn)品的類型、名稱、參數(shù)和屬性等。具體實現(xiàn)過程，將產(chǎn)品系統(tǒng)圖所攜帶的信息轉(zhuǎn)換為特定格式的數(shù)據(jù)，再根據(jù)特定格式的數(shù)據(jù)構(gòu)建相應(yīng)的產(chǎn)品資源。

需要說明的是，在工作區(qū)進行產(chǎn)品圖形編輯時，可以在屬性面板模塊修改對應(yīng)產(chǎn)品的部分產(chǎn)品信息，具體的，若接收到用戶在屬性面板上修改產(chǎn)品信息的修改操作，則相應(yīng)的修改預(yù)存的產(chǎn)品信息；以及修改工作區(qū)內(nèi)對應(yīng)的產(chǎn)品圖形上用于顯示該產(chǎn)品信息的標記。例如在屬性面板上修改數(shù)據(jù)盤的大小，則工作區(qū)內(nèi)對應(yīng)數(shù)據(jù)盤上用于表示大小的數(shù)據(jù)也相應(yīng)的修改。

應(yīng)當理解，該Web圖形部署方法主要應(yīng)用于云計算中用戶組建應(yīng)用系統(tǒng)，自動根據(jù)用戶的操作以及預(yù)設(shè)的規(guī)則構(gòu)建出相應(yīng)的產(chǎn)品系統(tǒng)圖以供部署應(yīng)用系統(tǒng)的產(chǎn)品資源。

相對上述方法進一步地，若產(chǎn)品圖形的位置隨意擺放，容易導(dǎo)致在工作區(qū)對多個產(chǎn)品圖形編輯時產(chǎn)品圖形相互重疊，不利于查看等，因此，為了提高用戶體驗，便于用戶更直觀的查看產(chǎn)品系統(tǒng)圖，還需要進一步的限制產(chǎn)品圖形在工作區(qū)的擺放位置，Web圖形部署的方法還包括：

根據(jù)產(chǎn)品的產(chǎn)品信息將工作區(qū)劃分為若干區(qū)域，每個產(chǎn)品的產(chǎn)品圖形對應(yīng)工作區(qū)內(nèi)的至少一個區(qū)域。具體的，可以是根據(jù)產(chǎn)品信息中的產(chǎn)品類型將工作區(qū)劃分為若干個區(qū)域；還可以是根據(jù)產(chǎn)品屬性劃分，本發(fā)明實施例對此不進行具體的限定。例如深圳、上海兩個地域的產(chǎn)品圖形對應(yīng)在工作區(qū)內(nèi)的擺放區(qū)域不同以便區(qū)別在兩個城市構(gòu)建的應(yīng)用系統(tǒng)，防止雜亂出錯。

進一步地，步驟S102中若存在將產(chǎn)品圖形放置于工作區(qū)的放置操作，根據(jù)預(yù)存的產(chǎn)品圖形的圖片信息將產(chǎn)品圖形放置于工作區(qū)內(nèi)具體包括：

判斷產(chǎn)品圖形是否放置于工作區(qū)中相對應(yīng)區(qū)域；若不是放置于工作區(qū)中相對應(yīng)的區(qū)域，則從工作區(qū)內(nèi)放置該產(chǎn)品圖形的區(qū)域中移除該產(chǎn)品圖形；若是放置于工作區(qū)中相對應(yīng)的區(qū)域，則保留該產(chǎn)品圖形在工作區(qū)中。

需要說明的是，其他可行的實施例中，若不是放置于工作區(qū)中相對應(yīng)的區(qū)域，則從工作區(qū)內(nèi)放置該產(chǎn)品圖形的區(qū)域中移除該產(chǎn)品圖形并將該產(chǎn)品圖形放置于工作區(qū)中相對應(yīng)的區(qū)域。

還需要說明的是，雖針對前述設(shè)定了產(chǎn)品圖形在工作區(qū)的擺放區(qū)域，但為了更直觀的展示產(chǎn)品系統(tǒng)圖中產(chǎn)品圖形彼此之間的關(guān)系，還可進一步地限定產(chǎn)品圖形的擺放位置。產(chǎn)品圖形的圖形信息除擺放位置還包括尺寸，形狀、類型以及級別特性。其中產(chǎn)品圖形是根據(jù)產(chǎn)品信息進行設(shè)計，包括設(shè)計其尺寸以及外形；級別特性用于表示產(chǎn)品圖形與其他產(chǎn)品圖形的級別關(guān)系，即根據(jù)產(chǎn)品圖形的級別特性可獲取到產(chǎn)品圖形與其他產(chǎn)品圖形的級別關(guān)系。

本實施例中，根據(jù)產(chǎn)品信息中的產(chǎn)品類型以及產(chǎn)品屬性劃分產(chǎn)品圖形為尺寸可調(diào)和尺寸不可調(diào)兩種類型，其中尺寸可調(diào)的產(chǎn)品圖形可以容納其他產(chǎn)品圖形，尺寸不可調(diào)的產(chǎn)品圖形的形狀不能進行調(diào)整。其中，容納方式用于表示產(chǎn)品之間的上下級關(guān)系，產(chǎn)品圖形只能在其上級的產(chǎn)品圖形范圍，即上一級的產(chǎn)品圖形可以容納下一級的產(chǎn)品圖形，但是下一級的產(chǎn)品圖形不能容納上一級的產(chǎn)品圖形，且同一級的產(chǎn)品圖形是不能相交。因此根據(jù)產(chǎn)品圖形的級別特性可以獲取到產(chǎn)品圖形與其他產(chǎn)品圖形的容納方式，進而進一步限定產(chǎn)品圖形的擺放位置。例如，地域的產(chǎn)品圖形是尺寸可調(diào)類型的，其中網(wǎng)絡(luò)域的產(chǎn)品圖形是放置于地域的產(chǎn)品圖形中；云主機的產(chǎn)品圖形是放置于網(wǎng)絡(luò)域的產(chǎn)品圖形中，但是不能直接放置于地域的產(chǎn)品圖形中；云磁盤的產(chǎn)品圖形是放置于云主機的產(chǎn)品圖形中。應(yīng)當理解，地域的產(chǎn)品圖形是網(wǎng)絡(luò)域的產(chǎn)品圖形的上一級；網(wǎng)絡(luò)域的產(chǎn)品圖形是云主機的產(chǎn)品圖形的上一級；云主機的產(chǎn)品圖形是云磁盤的產(chǎn)品圖形的上一級。

本實施例中，Web圖形部署的方法還包括：根據(jù)業(yè)務(wù)需求以及產(chǎn)品信息設(shè)置產(chǎn)品圖形的級別特性。例如若業(yè)務(wù)需求為建立一個tomcat服務(wù)器集群，針對負載均衡的級別特性，則根據(jù)該業(yè)務(wù)需求以及負載均衡的屬性將負載均衡的級別特性設(shè)置為地域的下一級，再利用用于表示負載均衡與tomcat服務(wù)器關(guān)聯(lián)關(guān)系的連接連接負載均衡的產(chǎn)品圖形與tomcat服務(wù)器的產(chǎn)品圖形。

進一步地，由于一個應(yīng)用系統(tǒng)涉及到硬件設(shè)備、軟件設(shè)備、網(wǎng)絡(luò)等資源，為了便于用戶在組建產(chǎn)品系統(tǒng)圖時可以從不同角度對產(chǎn)品系統(tǒng)圖進行分析查看，Web圖形部署的方法還包括：

根據(jù)預(yù)存產(chǎn)品信息中的產(chǎn)品類型將產(chǎn)品劃分為不同層次；

根據(jù)產(chǎn)品的層次將產(chǎn)品系統(tǒng)圖劃分為不同的層級，同一層次的產(chǎn)品的對應(yīng)產(chǎn)品圖形位于產(chǎn)品系統(tǒng)圖中同一層級；不同層次的產(chǎn)品的對應(yīng)產(chǎn)品圖形位于產(chǎn)品系統(tǒng)圖中不同層級。

本實施例中，根據(jù)產(chǎn)品信息中的產(chǎn)品類型將產(chǎn)品劃分為基礎(chǔ)產(chǎn)品層以及應(yīng)用產(chǎn)品層，根據(jù)產(chǎn)品層次將產(chǎn)品系統(tǒng)圖劃分為基礎(chǔ)設(shè)施層級與應(yīng)用服務(wù)層級?；A(chǔ)設(shè)施層級上的產(chǎn)品圖形對應(yīng)基礎(chǔ)產(chǎn)品層的產(chǎn)品；應(yīng)用服務(wù)層級上的產(chǎn)品圖形對應(yīng)應(yīng)用產(chǎn)品層的產(chǎn)品。例如，基礎(chǔ)設(shè)施層上的產(chǎn)品包括但是不限制為地域、網(wǎng)絡(luò)、虛擬機、主機、磁盤等。應(yīng)用產(chǎn)品層上的產(chǎn)品包括但是不限制為Web容器、應(yīng)用服務(wù)器、Tomcat等中間件、負載均衡、數(shù)據(jù)庫產(chǎn)品等。例如，Tomcat等中間件需放入云主機的應(yīng)用層，即位于產(chǎn)品系統(tǒng)圖的應(yīng)用服務(wù)層級，但是云主機位于基礎(chǔ)設(shè)施層級。請參見圖3，本實施例中，產(chǎn)品系統(tǒng)圖上基礎(chǔ)設(shè)施層級上云主機與應(yīng)用服務(wù)層級上Tomcat等中間件在平面上構(gòu)成一個長方體，更直觀將產(chǎn)品系統(tǒng)圖展示給用戶。應(yīng)當可理解為應(yīng)用層與云主機為一個整體，在基礎(chǔ)設(shè)施層級表現(xiàn)為主機，在應(yīng)用服務(wù)層級表現(xiàn)為一個邏輯實體。因此，Web圖形部署方法還包括：

檢測用戶選擇查看產(chǎn)品系統(tǒng)圖形的操作，該查看產(chǎn)品系統(tǒng)圖形的操作包括查看全部層級的產(chǎn)品圖形、查看其中一層的產(chǎn)品圖形以及同時查看其中一層的產(chǎn)品圖形和其他層級的部分產(chǎn)品圖形。

若檢測到查看全部層級的產(chǎn)品圖形的操作，顯示產(chǎn)品系統(tǒng)圖形上的所有層級的產(chǎn)品圖形于同一視圖。若檢測到查看其中一層的產(chǎn)品圖形的操作，顯示所選擇的層級的產(chǎn)品圖形于同一視圖并隱藏其他層級的產(chǎn)品圖形。若檢測到同時查看其中一層的產(chǎn)品圖形和其他層級的部分產(chǎn)品圖形的操作，顯示所選擇的層級的所有產(chǎn)品圖形以及所選擇的其他層級的產(chǎn)品圖形于同一視圖，并隱藏其他層級的未被選擇的產(chǎn)品圖形。請參看圖4a和圖4b，圖4a為將產(chǎn)品系統(tǒng)圖形上的所有層級的產(chǎn)品圖形展示于同一視圖；圖4b為顯示所選擇的基礎(chǔ)設(shè)施層級的產(chǎn)品圖形并隱藏應(yīng)用服務(wù)層級的產(chǎn)品圖形。

需要說明的是，為了使所構(gòu)建的產(chǎn)品系統(tǒng)圖能夠用于網(wǎng)頁做用戶交互，Web圖形部署方法還包括：

根據(jù)產(chǎn)品系統(tǒng)圖構(gòu)建圖形數(shù)據(jù)模型。該圖形數(shù)據(jù)模型包括若干個實施數(shù)據(jù)，每個實例數(shù)據(jù)對應(yīng)一個產(chǎn)品系統(tǒng)圖上的產(chǎn)品圖形或產(chǎn)品圖形的組合，因此，一個實例數(shù)據(jù)包括對應(yīng)產(chǎn)品圖形的產(chǎn)品信息以及圖形信息。本實施例中，優(yōu)選圖形數(shù)據(jù)模型為樹形結(jié)構(gòu)，其包括一個根節(jié)點、一個樹節(jié)點以及若干個支節(jié)點，支節(jié)點位于樹節(jié)點上。每個節(jié)點對應(yīng)一個實例數(shù)據(jù)，即每個節(jié)點對應(yīng)一個產(chǎn)品圖形或產(chǎn)品圖形的組合。樹節(jié)點與支節(jié)點的包含關(guān)系與產(chǎn)品圖形之間的包含關(guān)系相對應(yīng)，因此本實施例中構(gòu)建產(chǎn)品系統(tǒng)圖過程，根據(jù)產(chǎn)品圖形以及預(yù)設(shè)的產(chǎn)品圖形與節(jié)點的對應(yīng)關(guān)系構(gòu)建圖形數(shù)據(jù)模型。

綜上，構(gòu)建產(chǎn)品系統(tǒng)圖的同時完成圖形數(shù)據(jù)模型的建立，促使導(dǎo)出圖片時，除圖形本身的數(shù)據(jù)，還可以同步導(dǎo)出數(shù)據(jù)模型，因此所構(gòu)建的產(chǎn)品系統(tǒng)圖能夠用于網(wǎng)頁做用戶交互。

應(yīng)當理解，上述Web圖形部署方法提供統(tǒng)一的視圖供用戶組建若干產(chǎn)品以及產(chǎn)品之間的關(guān)聯(lián)關(guān)系，進而完成應(yīng)用系統(tǒng)的資源部署，具體通過用戶在工作區(qū)編輯與產(chǎn)品對應(yīng)的產(chǎn)品圖形，最終形成一幅用于表示應(yīng)用系統(tǒng)的產(chǎn)品系統(tǒng)圖，進而根據(jù)產(chǎn)品系統(tǒng)圖上的攜帶的信息完成相應(yīng)的應(yīng)用系統(tǒng)的產(chǎn)品資源部署。此過程不需要一個視圖上逐個編輯產(chǎn)品圖形再組合，進而提高了組建效率；進一步地，根據(jù)產(chǎn)品信息設(shè)計產(chǎn)品圖形以及劃分產(chǎn)品系統(tǒng)圖為多個層級，更直觀的將更直觀的將應(yīng)用系統(tǒng)中各產(chǎn)品的關(guān)系展示出來，便于用戶查看，提高體驗感受。

請參看圖5，為本發(fā)明實施例提供一種Web圖形部署裝置100的組成示意圖。如圖所示，Web圖形部署裝置100包括檢測單元501、放置單元502、建立單元503、構(gòu)建單元504以及處理單元505。

其中檢測單元501用于檢測是否存在將產(chǎn)品圖形拖放于工作區(qū)中的放置操作，一個產(chǎn)品圖形對應(yīng)預(yù)存的產(chǎn)品信息。是因為產(chǎn)品圖形與產(chǎn)品相對應(yīng)，而產(chǎn)品對應(yīng)有預(yù)存的產(chǎn)品信息。具體的，產(chǎn)品為組建一個應(yīng)用系統(tǒng)所需要的資源，產(chǎn)品包括但是不限制為主機、磁盤、應(yīng)用服務(wù)器、數(shù)據(jù)庫、網(wǎng)絡(luò)、虛擬機等資源。該資源是組建應(yīng)用系統(tǒng)時涉及到硬件設(shè)備、軟件服務(wù)和網(wǎng)絡(luò)等資源。還應(yīng)當理解，產(chǎn)品與產(chǎn)品列表中的產(chǎn)品圖形一一對應(yīng)；產(chǎn)品與預(yù)存的產(chǎn)品信息也一一對應(yīng)。產(chǎn)品信息包括但是不限制為產(chǎn)品類型、產(chǎn)品名稱、產(chǎn)品屬性和參數(shù)等。

檢測單元501還用于檢測是否存在建立工作區(qū)內(nèi)產(chǎn)品圖形之間的關(guān)聯(lián)關(guān)系的建立操作。

放置單元502用于若檢測單元501檢測到存在將產(chǎn)品圖形拖放于工作區(qū)中的放置操作，根據(jù)預(yù)存的產(chǎn)品圖形的圖片信息將產(chǎn)品圖形放置于工作區(qū)內(nèi)。具體的，圖片信息包括但是不限制為擺放位置、尺寸、形狀、類型等。

建立單元503用于若檢測單元501檢測到存在建立工作區(qū)內(nèi)產(chǎn)品圖形之間的關(guān)聯(lián)關(guān)系的建立操作，建立相對應(yīng)的產(chǎn)品圖形之間的關(guān)聯(lián)關(guān)系。具體的，應(yīng)用系統(tǒng)中的很多產(chǎn)品是協(xié)同工作的，相互之間具有豐富的關(guān)聯(lián)關(guān)系，因此本實施例中構(gòu)建用于表示應(yīng)用系統(tǒng)的產(chǎn)品系統(tǒng)圖時，用于表示產(chǎn)品的產(chǎn)品圖形之間的關(guān)系也很豐富，本實施例中優(yōu)選用不同的線條表示產(chǎn)品圖形之間不同的關(guān)聯(lián)關(guān)系，該關(guān)聯(lián)關(guān)系包括但是不限制為包含關(guān)系、依賴關(guān)系、引用關(guān)系等。線條的類型可以以顏色、虛實線、粗細來區(qū)分。

構(gòu)建單元504用于根據(jù)拖放的產(chǎn)品圖形以及所建立的關(guān)聯(lián)關(guān)系在工作區(qū)構(gòu)建出至少一個產(chǎn)品系統(tǒng)圖。

處理單元505用于部署每個產(chǎn)品系統(tǒng)圖的產(chǎn)品資源，具體的，根據(jù)每個產(chǎn)品系統(tǒng)圖中所有產(chǎn)品圖形對應(yīng)的產(chǎn)品信息以及關(guān)聯(lián)關(guān)系構(gòu)建產(chǎn)品資源。進而在工作區(qū)內(nèi)編輯產(chǎn)品圖形最終形成一幅用于表示應(yīng)用系統(tǒng)的產(chǎn)品系統(tǒng)圖，產(chǎn)品系統(tǒng)圖中包括產(chǎn)品圖形以及關(guān)聯(lián)關(guān)系，由于產(chǎn)品圖形對應(yīng)有產(chǎn)品信息，因此從產(chǎn)品系統(tǒng)圖可獲取到應(yīng)用系統(tǒng)所需要的產(chǎn)品信息，其包括了產(chǎn)品的類型、名稱、屬性和參數(shù)等。具體實現(xiàn)過程，將產(chǎn)品系統(tǒng)圖所攜帶的信息轉(zhuǎn)換為特定格式的數(shù)據(jù)，再根據(jù)特定格式的數(shù)據(jù)構(gòu)建相應(yīng)的產(chǎn)品資源。

相對上述方法進一步地，若產(chǎn)品圖形的位置隨意擺放，容易導(dǎo)致在工作區(qū)對多個產(chǎn)品圖形編輯時產(chǎn)品圖形相互重疊，不利于查看等，因此，為了提高用戶體驗，便于用戶更直觀的查看產(chǎn)品系統(tǒng)圖，還需要進一步的限制產(chǎn)品圖形在工作區(qū)的擺放位置，Web圖形部署裝置100還包括劃分單元506。

劃分單元506用于根據(jù)產(chǎn)品的產(chǎn)品信息將工作區(qū)劃分為若干區(qū)域，每個產(chǎn)品的產(chǎn)品圖形對應(yīng)工作區(qū)內(nèi)的至少一個區(qū)域。

放置單元502還包括判斷單元521以及控制單元522，其中判斷單元512用于判斷產(chǎn)品圖形是否放置于工作區(qū)中相對應(yīng)區(qū)域；控制單元522用于若判斷單元521判斷出不是放置于工作區(qū)中相對應(yīng)的區(qū)域，則從工作區(qū)內(nèi)放置該產(chǎn)品圖形的區(qū)域中移除該產(chǎn)品圖形以及還用于若判斷單元521判斷出是放置于工作區(qū)中相對應(yīng)的區(qū)域，則保留產(chǎn)品圖形在工作區(qū)中。

其他可行的實施例中，控制單元522用于若判斷單元521判斷出不是放置于工作區(qū)中相對應(yīng)的區(qū)域，則從工作區(qū)內(nèi)放置該產(chǎn)品圖形的區(qū)域中移除該產(chǎn)品圖形并將該產(chǎn)品圖形放置于工作區(qū)中相對應(yīng)的區(qū)域。

還需要說明的是，針對前述定了產(chǎn)品圖形在工作區(qū)的擺放區(qū)域，為了更直觀的展示產(chǎn)品系統(tǒng)圖中產(chǎn)品圖形彼此之間的關(guān)系，還可進一步地限定產(chǎn)品圖形的擺放位置。產(chǎn)品圖形的圖形信息除擺放位置還包括尺寸，形狀、類型以及級別特性。其中產(chǎn)品圖形是根據(jù)產(chǎn)品信息進行設(shè)計，包括設(shè)計其尺寸以及外形；級別特性用于表示產(chǎn)品圖形與其他產(chǎn)品圖形的級別關(guān)系，即根據(jù)產(chǎn)品圖形的級別特性可獲取到產(chǎn)品圖形與其他產(chǎn)品圖形的級別關(guān)系。本實施例中，根據(jù)產(chǎn)品信息中的產(chǎn)品類型以及產(chǎn)品屬性劃分產(chǎn)品圖形為尺寸可調(diào)和尺寸不可調(diào)兩種類型，其中尺寸可調(diào)的產(chǎn)品圖形可以容納其他產(chǎn)品圖形，尺寸不可調(diào)的產(chǎn)品圖形的形狀不能進行調(diào)整。其中，容納方式用于表示產(chǎn)品之間的上下級關(guān)系，產(chǎn)品圖形只能在其上級的產(chǎn)品圖形范圍，即上一級的產(chǎn)品圖形可以容納下一級的產(chǎn)品圖形，但是下一級的產(chǎn)品圖形不能容納上一級的產(chǎn)品圖形，且同一級的產(chǎn)品圖形是不能相交。因此根據(jù)產(chǎn)品圖形的級別特性可以獲取到產(chǎn)品圖形與其他產(chǎn)品圖形的容納方式，進而進一步限定產(chǎn)品圖形的擺放位置。

Web圖形部署裝置100還包括設(shè)置單元507，設(shè)置單元507用于根據(jù)業(yè)務(wù)需求以及產(chǎn)品信息設(shè)置產(chǎn)品圖形的級別特性。

進一步地，由于一個應(yīng)用系統(tǒng)涉及到硬件設(shè)備、軟件設(shè)備、網(wǎng)絡(luò)等資源，為了便于用戶在組建產(chǎn)品系統(tǒng)圖時可以從不同角度對產(chǎn)品系統(tǒng)圖進行分析查看，Web圖形部署裝置100還包括分類單元508以及分層單元509。

其中分類單元508用于根據(jù)預(yù)存產(chǎn)品信息中的產(chǎn)品類型將產(chǎn)品劃分為不同層次。

分層單元509用于根據(jù)產(chǎn)品的層次將產(chǎn)品系統(tǒng)圖劃分為不同的層級，同一層次的產(chǎn)品的對應(yīng)產(chǎn)品圖形位于產(chǎn)品系統(tǒng)圖中同一層級；不同層次的產(chǎn)品的對應(yīng)產(chǎn)品圖形位于產(chǎn)品系統(tǒng)圖中不同層級。

本實施例中，根據(jù)產(chǎn)品信息中的產(chǎn)品類型將產(chǎn)品劃分為基礎(chǔ)產(chǎn)品層以及應(yīng)用產(chǎn)品層，根據(jù)產(chǎn)品層次將產(chǎn)品系統(tǒng)圖劃分為基礎(chǔ)設(shè)施層級與應(yīng)用服務(wù)層級?；A(chǔ)設(shè)施層級上的產(chǎn)品圖形對應(yīng)基礎(chǔ)產(chǎn)品層的產(chǎn)品；應(yīng)用服務(wù)層級上的產(chǎn)品圖形對應(yīng)應(yīng)用產(chǎn)品層的產(chǎn)品。例如，基礎(chǔ)設(shè)施層上的產(chǎn)品包括但是不限制為地域、網(wǎng)絡(luò)、虛擬機、主機、磁盤等。應(yīng)用產(chǎn)品層上的產(chǎn)品包括但是不限制為Web容器、應(yīng)用服務(wù)器、Tomcat等中間件、負載均衡、數(shù)據(jù)庫產(chǎn)品等。

為了滿足用戶更直觀的可查看產(chǎn)品系統(tǒng)圖形以了解產(chǎn)品之間的關(guān)聯(lián)關(guān)系，Web圖形部署裝置100還包括偵測單元510以及顯示單元511。

其中偵測單元510用于檢測用戶選擇查看產(chǎn)品系統(tǒng)圖形的操作，該查看產(chǎn)品系統(tǒng)圖形的操作包括查看全部層級的產(chǎn)品圖形、查看其中一層的產(chǎn)品圖形以及同時查看其中一層的產(chǎn)品圖形和其他層級的部分產(chǎn)品圖形。

顯示單元511用于若偵測單元510檢測到查看全部層級的產(chǎn)品圖形的操作，顯示產(chǎn)品系統(tǒng)圖形上的所有層級的產(chǎn)品圖形于同一視圖；若檢測到查看其中一層的產(chǎn)品圖形的操作，顯示所選擇的層級的產(chǎn)品圖形于同一視圖并隱藏其他層級的產(chǎn)品圖形；若檢測到同時查看其中一層的產(chǎn)品圖形和其他層級的部分產(chǎn)品圖形，顯示所選擇的層級的所有產(chǎn)品圖形于同一視圖以及所選擇的其他層級的產(chǎn)品圖形，并隱藏其他層級的未被選擇的產(chǎn)品圖形。

為了使所構(gòu)建的產(chǎn)品系統(tǒng)圖能夠用于網(wǎng)頁做用戶交互，Web圖形部署裝置100還包括建模單元512，其中建模單元512，用于根據(jù)產(chǎn)品系統(tǒng)圖構(gòu)建圖形數(shù)據(jù)模型，該圖形數(shù)據(jù)模型包括若干個實施數(shù)據(jù)，每個實例數(shù)據(jù)對應(yīng)一個產(chǎn)品系統(tǒng)圖上的產(chǎn)品圖形或產(chǎn)品圖形的組合，因此，一個實例數(shù)據(jù)包括對應(yīng)產(chǎn)品圖形的產(chǎn)品信息以及圖形信息。本實施例中，優(yōu)選圖形數(shù)據(jù)模型為樹形結(jié)構(gòu)，其包括一個根節(jié)點、一個樹節(jié)點以及若干個支節(jié)點，支節(jié)點位于樹節(jié)點上。每個節(jié)點對應(yīng)一個實例數(shù)據(jù)，即每個節(jié)點對應(yīng)一個產(chǎn)品圖形或產(chǎn)品圖形的組合。樹節(jié)點與支節(jié)點的包含關(guān)系與產(chǎn)品圖形之間的包含關(guān)系相對應(yīng)，因此本實施例中構(gòu)建產(chǎn)品系統(tǒng)圖過程，建模單元512根據(jù)產(chǎn)品圖形以及預(yù)設(shè)的產(chǎn)品圖形與節(jié)點的對應(yīng)關(guān)系構(gòu)建圖形數(shù)據(jù)模型。

綜上所示，上述Web圖形部署裝置和方法提供統(tǒng)一的視圖供用戶組建若干產(chǎn)品以及產(chǎn)品之間的關(guān)聯(lián)關(guān)系，進而完成應(yīng)用系統(tǒng)的資源部署，具體通過用戶在工作區(qū)編輯與產(chǎn)品對應(yīng)的產(chǎn)品圖形，最終形成一幅代表應(yīng)用系統(tǒng)的產(chǎn)品系統(tǒng)圖，進而根據(jù)產(chǎn)品系統(tǒng)圖上的攜帶的信息完成相應(yīng)的應(yīng)用系統(tǒng)的資源部署。該Web圖形部署方法和工具主要應(yīng)用于云計算中用戶組建應(yīng)用系統(tǒng)，自動根據(jù)用戶的操作以及預(yù)設(shè)的規(guī)則構(gòu)建出相應(yīng)的產(chǎn)品系統(tǒng)圖。

需要說明的是，本發(fā)明實施例方法中的步驟可以根據(jù)實際需要進行順序調(diào)整、合并和刪減。

本發(fā)明實施例終端中的單元可以根據(jù)實際需要進行合并、劃分和刪減。

所屬領(lǐng)域的技術(shù)人員可以清楚地了解到，為了描述的方便和簡潔，上述描述的工具和單元的具體工作過程，可以參考前述方法實施例中的對應(yīng)過程，在此不再贅述。

在本申請所提供的幾個實施例中，應(yīng)該理解到，所揭露的裝置和方法，可以通過其它的方式實現(xiàn)。例如，以上所描述的裝置實施例僅僅是示意性的，例如，所述單元的劃分，僅僅為一種邏輯功能劃分，實際實現(xiàn)時可以有另外的劃分方式，例如多個單元或組建可以結(jié)合或者可以集成到另一個系統(tǒng)，或一些特征可以忽略，或不執(zhí)行。另外，所顯示或討論的相互之間的耦合或直接耦合或通信連接可以是通過一些接口、裝置或單元的間接耦合或通信連接，也可以是電的，機械的或其它的形式連接。

所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位于一個地方，或者也可以分布到多個網(wǎng)絡(luò)單元上。可以根據(jù)實際的需要選擇其中的部分或者全部單元來實現(xiàn)本發(fā)明實施例方案的目的。

另外，在本發(fā)明各個實施例中的各功能單元可以集成在一個處理單元中，也可以是各個單元單獨物理存在，也可以是兩個或兩個以上單元集成在一個單元中。上述集成的單元既可以采用硬件的形式實現(xiàn)，也可以采用軟件功能單元的形式實現(xiàn)。

所述集成的單元如果以軟件功能單元的形式實現(xiàn)并作為獨立的產(chǎn)品銷售或使用時，可以存儲在一個計算機可讀取存儲介質(zhì)中?；谶@樣的理解，本發(fā)明的技術(shù)方案本質(zhì)上或者說對現(xiàn)有技術(shù)做出貢獻的部分，或者該技術(shù)方案的全部或部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計算機軟件產(chǎn)品存儲在一個存儲介質(zhì)中，包括若干指令用以使得一臺計算機設(shè)備(可以是個人計算機，服務(wù)器，或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個實施例所述方法的全部或部分步驟。而前述的存儲介質(zhì)包括：U盤、移動硬盤、只讀存儲器(ROM，Read-Only Memory)、隨機存取存儲器(RAM，Random Access Memory)、磁碟或者光盤等各種可以存儲程序代碼的介質(zhì)。

以上所述，僅為本發(fā)明的具體實施方式，但本發(fā)明的保護范圍并不局限于此，任何熟悉本技術(shù)領(lǐng)域的技術(shù)人員在本發(fā)明揭露的技術(shù)范圍內(nèi)，可輕易想到各種等效的修改或替換，這些修改或替換都應(yīng)涵蓋在本發(fā)明的保護范圍之內(nèi)。因此，本發(fā)明的保護范圍應(yīng)以權(quán)利要求的保護范圍為準。