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

背景技術(shù)：

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

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

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

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

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

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

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

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

可選的，所述對(duì)web頁(yè)面上各個(gè)面板的布局狀態(tài)進(jìn)行記錄的過(guò)程，包括：

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

可選的，所述對(duì)所述web頁(yè)面上各個(gè)面板的伸縮狀態(tài)進(jìn)行記錄的過(guò)程，包括：

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

可選的，所述對(duì)所述web頁(yè)面上各個(gè)面板的尺寸狀態(tài)進(jìn)行記錄的過(guò)程，包括：

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

可選的，所述對(duì)web頁(yè)面上各個(gè)面板的布局狀態(tài)進(jìn)行記錄的過(guò)程，還包括：

對(duì)所述web頁(yè)面上各個(gè)面板的位置狀態(tài)進(jìn)行記錄。

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

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

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

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

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

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

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

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

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

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

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

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

附圖說(shuō)明

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

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

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

具體實(shí)施方式

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

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

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

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

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

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

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

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

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

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

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

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

當(dāng)然，除了可以記錄面板的寬度信息以及伸縮狀態(tài)信息，上述對(duì)web頁(yè)面上各個(gè)面板的布局狀態(tài)進(jìn)行記錄的過(guò)程，還可以包括：對(duì)web頁(yè)面上各個(gè)面板的位置狀態(tài)進(jìn)行記錄，以及還可以對(duì)各個(gè)面板的長(zhǎng)度信息進(jìn)行記錄。

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

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

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

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

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

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

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

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

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

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

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

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

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

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