本發(fā)明涉及虛擬化管理技術(shù)領(lǐng)域，特別涉及一種頁面布局管理方法及管理器。

背景技術(shù)：

當前，隨著計算機和網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展，云計算已經(jīng)成為當前最熱門的技術(shù)之一。其中，作為云計算基礎(chǔ)架構(gòu)的虛擬化技術(shù)正進行不斷的技術(shù)發(fā)展與變革，為了方便用戶使用云計算中的虛擬化服務(wù)，現(xiàn)在許多云計算中都安置了虛擬化管理系統(tǒng)，用戶通過虛擬化管理系統(tǒng)中的web頁面，能夠非常方便地獲取以及使用各種虛擬化服務(wù)。

現(xiàn)有技術(shù)中，用戶在使用虛擬化管理系統(tǒng)中的web頁面時，通常會根據(jù)自身的喜好和習(xí)慣對web頁面上各個面板的布局進行編排，以形成能夠滿足用戶自身個性化需求的頁面布局風(fēng)格。然而，每當用戶重新開啟虛擬化管理系統(tǒng)中的web頁面時，web頁面上的各個面板的布局均會被初始化，這時候需要用戶再次對各個面板的布局進行編排，這樣無疑需要消耗用戶大量的時間和精力，降低了虛擬化管理系統(tǒng)的易用性，不利于用戶體驗的提升。

綜上所述可以看出，如何在對虛擬化管理系統(tǒng)的web頁面進行管理的過程中提升用戶體驗是目前有待解決的問題。

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

有鑒于此，本發(fā)明的目的在于提供一種頁面布局管理方法及管理器，能夠在對虛擬化管理系統(tǒng)的web頁面進行管理的過程中提升用戶體驗。其具體方案如下：

一種頁面布局管理方法，應(yīng)用于虛擬化管理系統(tǒng)，包括：

對web頁面上各個面板的布局狀態(tài)進行記錄，得到歷史布局信息；

當監(jiān)測到所述web頁面重新開啟，則根據(jù)所述歷史布局信息，對當前所述web頁面上各個面板的布局進行相應(yīng)地設(shè)置還原。

可選的，所述對web頁面上各個面板的布局狀態(tài)進行記錄的過程，包括：

對所述web頁面上各個面板的伸縮狀態(tài)和/或尺寸狀態(tài)進行記錄。

可選的，所述對所述web頁面上各個面板的伸縮狀態(tài)進行記錄的過程，包括：

利用html5中的localstorage方法，并根據(jù)當前各個面板的層級以及當前div的id，對各個面板的伸縮狀態(tài)進行記錄。

可選的，所述對所述web頁面上各個面板的尺寸狀態(tài)進行記錄的過程，包括：

利用html5中的localstorage方法，并根據(jù)當前各個面板的層級以及當前div的id，對各個面板的寬度進行記錄。

可選的，所述對web頁面上各個面板的布局狀態(tài)進行記錄的過程，還包括：

對所述web頁面上各個面板的位置狀態(tài)進行記錄。

本發(fā)明還相應(yīng)公開了一種頁面布局管理器，應(yīng)用于虛擬化管理系統(tǒng)，包括：

狀態(tài)記錄模塊，用于對web頁面上各個面板的布局狀態(tài)進行記錄，得到歷史布局信息；

布局還原模塊，用于當監(jiān)測到所述web頁面重新開啟，則根據(jù)所述歷史布局信息，對當前所述web頁面上各個面板的布局進行相應(yīng)地設(shè)置還原。

可選的，所述狀態(tài)記錄模塊，包括第一記錄單元和/或第二記錄單元；其中，

所述第一記錄單元，用于對所述web頁面上各個面板的伸縮狀態(tài)進行記錄；

所述第二記錄單元，用于對所述web頁面上各個面板的尺寸狀態(tài)進行記錄。

可選的，所述所述第一記錄單元，具體用于利用html5中的localstorage方法，并根據(jù)當前各個面板的層級以及當前div的id，對各個面板的伸縮狀態(tài)進行記錄。

可選的，所述第二記錄單元，具體用于利用html5中的localstorage方法，并根據(jù)當前各個面板的層級以及當前div的id，對各個面板的寬度進行記錄。

可選的，所述狀態(tài)記錄模塊，還包括：

第三記錄單元，用于對所述web頁面上各個面板的位置狀態(tài)進行記錄。

本發(fā)明中，頁面布局管理方法，應(yīng)用于虛擬化管理系統(tǒng)，包括：對web頁面上各個面板的布局狀態(tài)進行記錄，得到歷史布局信息；當監(jiān)測到web頁面重新開啟，則根據(jù)歷史布局信息，對當前web頁面上各個面板的布局進行相應(yīng)地設(shè)置還原。

可見，本發(fā)明先對web頁面上各個面板的布局狀態(tài)進行記錄，然后在監(jiān)測到web頁面重新開啟之后，便利用上述記錄下來的歷史布局信息對當前web頁面上的各個面板的布局進行相應(yīng)地設(shè)置還原，從而使得web頁面重新開啟之后各個面板的布局與重新開啟之前的布局是相一致的，由此可以使得重新開啟之前用戶設(shè)置好的個性化布局狀態(tài)能夠在重新開啟之后得到還原，這種情況下，用戶無需再花費大量的時間和精力重新設(shè)置個性化布局狀態(tài)，提升了虛擬化管理系統(tǒng)的易用性，從而改善了用戶體驗。

附圖說明

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

圖1為本發(fā)明實施例公開的一種頁面布局管理方法流程圖；

圖2為本發(fā)明實施例公開的一種頁面布局管理器結(jié)構(gòu)示意圖。

具體實施方式

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

本發(fā)明實施例公開了一種頁面布局管理方法，應(yīng)用于虛擬化管理系統(tǒng)，參見圖1所示，該方法包括：

步驟s11：對web頁面上各個面板的布局狀態(tài)進行記錄，得到歷史布局信息。

可以理解的是，本實施例中，虛擬化管理系統(tǒng)的web頁面上的面板包括但不限于對虛擬機進行展示的面板、對主機進行展示的面板、對虛擬機的摘要信息進行展示的面板、對虛擬機的管理功能進行展示的面板等等。具體的，在虛擬化管理系統(tǒng)中，還可以預(yù)先將對各個面板進行分層，得到多層面板，例如將各個面板分為兩層，分別是首層tab頁和底層tab頁，其中，可以將上述對虛擬機進行展示的面板以及對主機進行展示的面板放置在上述首層tab頁，而將上述對虛擬機的摘要信息進行展示的面板以及對虛擬機的管理功能進行展示的面板放置在上述底層tab頁中。

本實施例中，可以按照預(yù)先設(shè)定的記錄周期，對web頁面上各個面板的布局狀態(tài)展開記錄，例如將上述記錄周期設(shè)為5分鐘，這樣可以每隔5分鐘，便對當前web頁面上各個面板的布局狀態(tài)進行記錄。當然，本實施例也可以利用后臺對web頁面上各個面板的布局狀態(tài)進行實時監(jiān)測，一旦監(jiān)測到某個面板的布局狀態(tài)發(fā)生了變化，便對變化后的面板的布局狀態(tài)進行記錄，例如，一旦監(jiān)測到某個面板的長寬大小或位置或伸縮狀態(tài)發(fā)生了變化，則可以對變化后的面板的長寬大小或位置或伸縮狀態(tài)進行記錄。

步驟s12：當監(jiān)測到web頁面重新開啟，則根據(jù)歷史布局信息，對當前web頁面上各個面板的布局進行相應(yīng)地設(shè)置還原。

可見，本發(fā)明實施例先對web頁面上各個面板的布局狀態(tài)進行記錄，然后在監(jiān)測到web頁面重新開啟之后，便利用上述記錄下來的歷史布局信息對當前web頁面上的各個面板的布局進行相應(yīng)地設(shè)置還原，從而使得web頁面重新開啟之后各個面板的布局與重新開啟之前的布局是相一致的，由此可以使得重新開啟之前用戶設(shè)置好的個性化布局狀態(tài)能夠在重新開啟之后得到還原，這種情況下，用戶無需再花費大量的時間和精力重新設(shè)置個性化布局狀態(tài)，提升了虛擬化管理系統(tǒng)的易用性，從而改善了用戶體驗。

本發(fā)明實施例公開了一種具體的頁面布局管理方法，包括下面步驟s21和s22：

步驟s21：對web頁面上各個面板的伸縮狀態(tài)和/或尺寸狀態(tài)進行記錄，得到歷史布局信息。

具體的，上述步驟s21中，對web頁面上各個面板的伸縮狀態(tài)進行記錄的過程，可以包括：利用html5中的localstorage方法，并根據(jù)當前各個面板的層級以及當前div(即division，層疊樣式表單元的位置和層次)的id，對各個面板的伸縮狀態(tài)進行記錄。

需要說明的是，上述localstorage方法是html5中自帶的一種數(shù)據(jù)存儲方法，關(guān)于該方法的具體信息可以參考現(xiàn)有技術(shù)中的相應(yīng)內(nèi)容，在此不再對其進行贅述。

另外，上述步驟s21中，對web頁面上各個面板的尺寸狀態(tài)進行記錄的過程，可以包括：利用html5中的localstorage方法，并根據(jù)當前各個面板的層級以及當前div的id，對各個面板的寬度進行記錄。

當然，除了可以記錄面板的寬度信息以及伸縮狀態(tài)信息，上述對web頁面上各個面板的布局狀態(tài)進行記錄的過程，還可以包括：對web頁面上各個面板的位置狀態(tài)進行記錄，以及還可以對各個面板的長度信息進行記錄。

步驟s22：當監(jiān)測到web頁面重新開啟，則根據(jù)歷史布局信息，對當前web頁面上各個面板的布局進行相應(yīng)地設(shè)置還原。

相應(yīng)的，本發(fā)明實施例還公開了一種頁面布局管理器，應(yīng)用于虛擬化管理系統(tǒng)，參見圖2所示，該管理器包括：

狀態(tài)記錄模塊11，用于對web頁面上各個面板的布局狀態(tài)進行記錄，得到歷史布局信息；

布局還原模塊12，用于當監(jiān)測到web頁面重新開啟，則根據(jù)歷史布局信息，對當前web頁面上各個面板的布局進行相應(yīng)地設(shè)置還原。

具體的，上述狀態(tài)記錄模塊，可以包括第一記錄單元和/或第二記錄單元；其中，

第一記錄單元，用于對web頁面上各個面板的伸縮狀態(tài)進行記錄；

第二記錄單元，用于對web頁面上各個面板的尺寸狀態(tài)進行記錄。

其中，上述第一記錄單元，具體可以用于利用html5中的localstorage方法，并根據(jù)當前各個面板的層級以及當前div的id，對各個面板的伸縮狀態(tài)進行記錄。

另外，上述第二記錄單元，具體可以用于利用html5中的localstorage方法，并根據(jù)當前各個面板的層級以及當前div的id，對各個面板的寬度進行記錄。

進一步的，上述狀態(tài)記錄模塊，還可以包括：

第三記錄單元，用于對web頁面上各個面板的位置狀態(tài)進行記錄。

可見，本發(fā)明實施例先對web頁面上各個面板的布局狀態(tài)進行記錄，然后在監(jiān)測到web頁面重新開啟之后，便利用上述記錄下來的歷史布局信息對當前web頁面上的各個面板的布局進行相應(yīng)地設(shè)置還原，從而使得web頁面重新開啟之后各個面板的布局與重新開啟之前的布局是相一致的，由此可以使得重新開啟之前用戶設(shè)置好的個性化布局狀態(tài)能夠在重新開啟之后得到還原，這種情況下，用戶無需再花費大量的時間和精力重新設(shè)置個性化布局狀態(tài)，提升了虛擬化管理系統(tǒng)的易用性，從而改善了用戶體驗。

最后，還需要說明的是，在本文中，諸如第一和第二等之類的關(guān)系術(shù)語僅僅用來將一個實體或者操作與另一個實體或操作區(qū)分開來，而不一定要求或者暗示這些實體或操作之間存在任何這種實際的關(guān)系或者順序。而且，術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、物品或者設(shè)備不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者設(shè)備所固有的要素。在沒有更多限制的情況下，由語句“包括一個……”限定的要素，并不排除在包括所述要素的過程、方法、物品或者設(shè)備中還存在另外的相同要素。

以上對本發(fā)明所提供的一種頁面布局管理方法及管理器進行了詳細介紹，本文中應(yīng)用了具體個例對本發(fā)明的原理及實施方式進行了闡述，以上實施例的說明只是用于幫助理解本發(fā)明的方法及其核心思想；同時，對于本領(lǐng)域的一般技術(shù)人員，依據(jù)本發(fā)明的思想，在具體實施方式及應(yīng)用范圍上均會有改變之處，綜上所述，本說明書內(nèi)容不應(yīng)理解為對本發(fā)明的限制。