本申請涉及通信技術(shù)領(lǐng)域，尤其涉及一種頁面配置方法及裝置。

背景技術(shù)：

隨著安全設(shè)備(例如防火墻、網(wǎng)關(guān)等)的功能日益完善，導(dǎo)致終端設(shè)備對安全設(shè)備的Web配置頁面(下面簡稱為頁面)組織架構(gòu)越來越復(fù)雜，并且需要的頁面數(shù)量越來越多，為了避免通過系統(tǒng)目錄實現(xiàn)頁面切換而增加終端設(shè)備系統(tǒng)操作的復(fù)雜度，通常采用快捷導(dǎo)航實現(xiàn)頁面的快速切換，并且快捷導(dǎo)航能夠體現(xiàn)當前頁面與其他頁面的關(guān)聯(lián)性。然而，頁面切換會導(dǎo)致當前頁面未保存的配置遺失，例如，在當前頁面的配置過程中，用戶需要不斷查看關(guān)聯(lián)頁面，如果終端設(shè)備每次在保存配置之后，再切換到關(guān)聯(lián)頁面以供用戶查看，這樣來回切換勢必會降低頁面配置的效率，并且頁面切換所需的配置數(shù)據(jù)重載也會降低終端設(shè)備操作性能。

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

有鑒于此，本申請?zhí)峁┮环N頁面配置方法及裝置，以解決現(xiàn)有的配置方式會降低頁面配置效率以及終端設(shè)備操作性能的問題。

根據(jù)本申請實施例的第一方面，提供一種頁面配置方法，所述方法包括：

基于第一頁面中的待配置項，判斷所述待配置項對應(yīng)的數(shù)據(jù)庫中是否存在待配置數(shù)據(jù)對應(yīng)的配置標識；若不存在，則確定所述配置標識對應(yīng)的第二頁面，并通過所述第一頁面的快捷導(dǎo)航欄觸發(fā)彈出所述第二頁面的懸浮框；

基于所述第二頁面的懸浮框，將所述待配置數(shù)據(jù)和所述配置標識添加到所述第二頁面中，并關(guān)閉所述第二頁面的懸浮框，以使所述第二頁面在后臺加載所述待配置數(shù)據(jù)；

將所述配置標識添加到所述待配置項中。

根據(jù)本申請實施例的第二方面，提供一種頁面配置裝置，所述裝置包括：

判斷單元，用于基于第一頁面中的待配置項，判斷所述待配置項對應(yīng)的數(shù)據(jù)庫中是否存在待配置數(shù)據(jù)對應(yīng)的配置標識；

觸發(fā)單元，用于當判斷結(jié)果為不存在時，確定所述配置標識對應(yīng)的第二頁面，并通過所述第一頁面的快捷導(dǎo)航欄觸發(fā)彈出所述第二頁面的懸浮框；

配置及加載單元，用于基于所述第二頁面的懸浮框，將所述待配置數(shù)據(jù)和所述配置標識添加到所述第二頁面中，并關(guān)閉所述第二頁面的懸浮框，以使所述第二頁面在后臺加載所述待配置數(shù)據(jù)；

添加單元，用于將所述配置標識添加到所述待配置項中。

應(yīng)用本申請實施例，基于第一頁面中的待配置項，在該待配置項對應(yīng)的數(shù)據(jù)庫中不存在待配置數(shù)據(jù)對應(yīng)的配置標識時，確定該配置標識對應(yīng)的第二頁面，并通過第一頁面的快捷導(dǎo)航欄觸發(fā)彈出第二頁面的懸浮框，再基于該第二頁面的懸浮框，將該待配置數(shù)據(jù)和該配置標識添加到第二頁面中，并關(guān)閉第二頁面的懸浮框，以使第二頁面在后臺加載待配置數(shù)據(jù)，最后將該配置標識添加到待配置項中，從而完成第一頁面中的一項配置?；谏鲜鰧崿F(xiàn)方式，由于通過快捷導(dǎo)航欄可以觸發(fā)彈出第二頁面的懸浮框，并通過該懸浮框即可實現(xiàn)對第二頁面的配置，而不需要保存第一頁面的當前配置，再切換到第二頁面進行配置保存后，再切換回第一頁面繼續(xù)配置的過程，因此，提高了頁面配置的效率，并且提高了終端設(shè)備的系統(tǒng)操作性能。

附圖說明

圖1A為本申請根據(jù)一示例性實施例示出的一種頁面配置方法的實施例流程圖；

圖1B為圖1A所示實施例中的一種示例性的頁面A的配置效果圖；

圖1C為圖1A所示實施例中的一種示例性的頁面C的配置效果圖；

圖1D為圖1A所示實施例中的一種示例性的快捷導(dǎo)航欄的效果圖；

圖1E為圖1A所示實施例中的一種示例性的懸浮框的效果圖；

圖1F為圖1A所示實施例中的一種示例性的菜單編輯框效果圖；

圖1G為基于圖1E基礎(chǔ)上頁面A添加待配置數(shù)據(jù)后的效果圖；

圖1H為基于圖1C基礎(chǔ)上頁面C添加一個配置項之后的效果圖；

圖2為本申請根據(jù)一示例性實施例示出的一種終端設(shè)備的硬件結(jié)構(gòu)圖；

圖3為本申請根據(jù)一示例性實施例示出的一種頁面配置裝置的實施例結(jié)構(gòu)圖。

具體實施方式

這里將詳細地對示例性實施例進行說明，其示例表示在附圖中。下面的描述涉及附圖時，除非另有表示，不同附圖中的相同數(shù)字表示相同或相似的要素。以下示例性實施例中所描述的實施方式并不代表與本申請相一致的所有實施方式。相反，它們僅是與如所附權(quán)利要求書中所詳述的、本申請的一些方面相一致的裝置和方法的例子。

在本申請使用的術(shù)語是僅僅出于描述特定實施例的目的，而非旨在限制本申請。在本申請和所附權(quán)利要求書中所使用的單數(shù)形式的“一種”、“所述”和“該”也旨在包括多數(shù)形式，除非上下文清楚地表示其他含義。還應(yīng)當理解，本文中使用的術(shù)語“和/或”是指并包含一個或多個相關(guān)聯(lián)的列出項目的任何或所有可能組合。

應(yīng)當理解，盡管在本申請可能采用術(shù)語第一、第二、第三等來描述各種信息，但這些信息不應(yīng)限于這些術(shù)語。這些術(shù)語僅用來將同一類型的信息彼此區(qū)分開。例如，在不脫離本申請范圍的情況下，第一信息也可以被稱為第二信息，類似地，第二信息也可以被稱為第一信息。取決于語境，如在此所使用的詞語“如果”可以被解釋成為“在……時”或“當……時”或“響應(yīng)于確定”。

圖1A為本申請根據(jù)一示例性實施例示出的一種頁面配置方法的實施例流程圖，如圖1A所示，該實施例可以應(yīng)用于具有界面顯示功能的終端設(shè)備上，該終端設(shè)備可以通過界面顯示安全設(shè)備的各項功能配置，并且也可以通過該界面對安全設(shè)備進行各種功能配置，該實施例包括以下步驟：

步驟101：基于第一頁面中的待配置項，判斷該待配置項對應(yīng)的數(shù)據(jù)庫中是否存在待配置數(shù)據(jù)對應(yīng)的配置標識，若不存在，則執(zhí)行步驟102；若存在，則執(zhí)行步驟104。

用戶可以通過終端設(shè)備的界面查看各頁面中的功能配置，其中，每個頁面中包括多個配置項，每個配置項對應(yīng)的數(shù)據(jù)庫可以引用其他頁面的配置數(shù)據(jù)，也可以是本頁面自身配置的配置數(shù)據(jù)。如果配置項對應(yīng)的數(shù)據(jù)庫記錄的是本頁面自身配置的配置數(shù)據(jù)，則該數(shù)據(jù)庫中記錄有該配置數(shù)據(jù)的各項屬性信息，例如，名稱、端口、描述、IP地址、協(xié)議、優(yōu)先級等屬性信息；如果配置項對應(yīng)的數(shù)據(jù)庫有引用其他頁面的配置數(shù)據(jù)，則該數(shù)據(jù)庫中還記錄有其他頁面的配置數(shù)據(jù)對應(yīng)的配置標識，并且該其他頁面中配置有該配置標識對應(yīng)的配置數(shù)據(jù)。其中，該配置標識能夠唯一標識一個配置項，如果配置數(shù)據(jù)中的名稱屬性信息能夠唯一標識一個配置項，則該配置標識可以是名稱屬性信息，如果需要多個屬性信息才能唯一標識一個配置項，則該配置標識可以是多個屬性信息的組合以唯一標識一個配置項，例如，端口+名稱的組合。

圖1B為一種示例性的頁面A的配置效果圖，圖1C為一種示例性的頁面C的配置效果圖，結(jié)合圖1B與圖1C所示，頁面C的第一個配置項和第二個配置項中的屬性A分別引用的是頁面A中的第一個配置項的配置數(shù)據(jù)和第三個配置項的配置數(shù)據(jù)，并且頁面A與頁面C均利用名稱屬性信息作為配置標識。

因此可知，在為第一頁面配置一個需要引用其他頁面的配置數(shù)據(jù)的配置項時，可以先確定待配置數(shù)據(jù)對應(yīng)的配置標識，然后再判斷該待配置項對應(yīng)的數(shù)據(jù)庫中是否存在待配置數(shù)據(jù)對應(yīng)的配置標識。再如圖1C所示，例如，在頁面C中添加一個配置項之后，配置屬性A時需要配置IP地址為5.5.5.5的配置數(shù)據(jù)，并且對應(yīng)的配置標識為FF，發(fā)現(xiàn)該配置項對應(yīng)的數(shù)據(jù)庫中并沒有記錄該配置標識FF。

步驟102：確定該配置標識對應(yīng)的第二頁面，并通過第一頁面的快捷導(dǎo)航欄觸發(fā)彈出第二頁面的懸浮框。

針對確定該配置標識對應(yīng)的第二頁面的過程，終端設(shè)備可以通過配置標識在待配置項中對應(yīng)的屬性類型確定配置標識對應(yīng)的第二頁面，如步驟101所述，例如，頁面C的配置項中屬性信息為屬性A表示的引用頁面A的配置數(shù)據(jù)，因此，配置標識FF對應(yīng)的第二頁面為頁面A?；蛘?，也可以通過記錄各頁面包括的配置標識，以確定該配置標識對應(yīng)的第二頁面，這里并不做限定。

針對通過第一頁面的快捷導(dǎo)航欄觸發(fā)彈出第二頁面的懸浮框的過程，終端設(shè)備可以啟用快捷導(dǎo)航功能，彈出預(yù)先配置的第一頁面的快捷導(dǎo)航欄；觸發(fā)該快捷導(dǎo)航欄包含的第二頁面的菜單項，彈出第二頁面的懸浮框。

其中，終端設(shè)備啟用快捷導(dǎo)航功能的過程，用戶可以通過鼠標點擊觸發(fā)第一頁面中的啟用快捷導(dǎo)航按鈕，從而，第一頁面中彈出預(yù)先配置的快捷導(dǎo)航欄，并通過鼠標點擊觸發(fā)或鼠標懸浮觸發(fā)該快捷導(dǎo)航欄包含的第二頁面的菜單項，然后在第一頁面上彈出第二頁面的懸浮框。下面以一個例子進行詳細說明：

圖1D為一種示例性的快捷導(dǎo)航欄的效果圖，圖1E為一種示例性的懸浮框的效果圖，結(jié)合圖1D和圖1E所示，通過鼠標點擊頁面C中左上角的啟用快捷導(dǎo)航按鈕，頁面C彈出快捷導(dǎo)航欄，該快捷導(dǎo)航欄中包含有與頁面C有關(guān)聯(lián)的頁面的菜單項，鼠標點擊或懸浮到快捷導(dǎo)航欄中的頁面A的菜單項上時，彈出頁面A的懸浮框，懸浮框中顯示了頁面A中的詳細配置數(shù)據(jù)。

需要說明的是，通過鼠標可以調(diào)整懸浮框的大小和在第一頁面中的擺放位置，以使該懸浮框清晰顯示第二頁面。

針對配置第一頁面的快捷導(dǎo)航欄的過程，用戶可以通過終端設(shè)備獲取第一頁面關(guān)聯(lián)的第二頁面，然后觸發(fā)快捷導(dǎo)航欄中的編輯按鈕，彈出菜單編輯框，該菜單編輯框包括菜單數(shù)據(jù)庫列表和該快捷導(dǎo)航欄的菜單項列表；從菜單數(shù)據(jù)庫列表中選擇第二頁面的菜單項，并添加到該快捷導(dǎo)航欄的菜單項列表中；觸發(fā)該菜單編輯框中的確定按鈕，關(guān)閉該菜單編輯框。

其中，用戶可以通過鼠標點擊觸發(fā)快捷導(dǎo)航欄中的編輯按鈕，圖1F為一種示例性的菜單編輯框效果圖，如圖1F所示，例如，用戶需要在頁面C的快捷導(dǎo)航欄的菜單項列表中添加頁面B，可以通過終端設(shè)備從菜單數(shù)據(jù)庫列表中選擇頁面B的菜單項，并通過鼠標點擊添加按鈕，將頁面B的菜單項添加到菜單項列表中，然后通過鼠標點擊確定按鈕，關(guān)閉菜單編輯框，此時頁面C的快捷導(dǎo)航欄中增加了頁面B的菜單項。

此外，用戶還可以通過終端設(shè)備從快捷導(dǎo)航欄的菜單項列表中刪除已添加到該菜單項列表中的菜單項，具體操作流程如添加菜單項的過程所述，只是通過鼠標點擊刪除按鈕。

基于步驟102描述可知，由于快捷導(dǎo)航欄中的菜單項可以在當前頁面進行動態(tài)編輯，例如，添加菜單項或者刪除菜單項，因此，增加了配置快捷導(dǎo)航的靈活性和便捷性。此外，通過懸浮框可以顯示當前頁面關(guān)聯(lián)的頁面，可以減少來回切換頁面的操作步驟，提高終端設(shè)備的操作性能，并且懸浮框也支持頁面大小和擺放位置的調(diào)整，能夠使用戶清晰查看關(guān)聯(lián)頁面。

步驟103：基于該第二頁面的懸浮框，將該待配置數(shù)據(jù)和該配置標識添加到第二頁面中，并關(guān)閉該第二頁面的懸浮框，以使第二頁面在后臺加載該待配置數(shù)據(jù)。

具體地，用戶可以通過終端設(shè)備的鍵盤輸入待配置數(shù)據(jù)，并利用名稱屬性信息作為配置標識，終端設(shè)備在接收到用戶輸入的待配置數(shù)據(jù)之后，并將待配置數(shù)據(jù)中的各項屬性信息通過懸浮框顯示。在關(guān)閉第二頁面的懸浮框之后，終端設(shè)備在后臺為第二頁面加載待配置數(shù)據(jù)，并記錄到新增配置項對應(yīng)的數(shù)據(jù)庫中，加載方式可以采樣AJAX(異步JavaScript和XML)重載數(shù)據(jù)方式。

如步驟101所述，圖1G為基于圖1E基礎(chǔ)上頁面A添加待配置數(shù)據(jù)后的效果圖，如圖1G所示，在第四個配置項中，記錄了屬性信息IP地址為5.5.5.5的配置數(shù)據(jù)，名稱屬性信息為FF，即配置標識為FF。

基于步驟103描述可知，在關(guān)閉懸浮框之后，終端設(shè)備會在后臺直接加載待配置數(shù)據(jù)，而不需要保存當前頁面的配置，再切換到關(guān)聯(lián)頁面進行配置保存后，再返回到當前頁面的過程，增加了用戶的可操作性。

步驟104：將該配置標識添加到待配置項中。

圖1H為基于圖1C基礎(chǔ)上頁面C添加一個配置項之后的效果圖，如圖1H所示，屬性A中引用頁面A的第四個配置項中的配置數(shù)據(jù)，該配置數(shù)據(jù)包括名稱FF、IP地址5.5.5.5、端口89、描述GDHG，并且利用名稱FF作為配置標識，此時，該配置項對應(yīng)的數(shù)據(jù)庫中已經(jīng)記錄了該配置標識FF。

需要說明的是，由于頁面組織架構(gòu)比較復(fù)雜，通常都會出現(xiàn)在當前頁面無法查看引用的其他頁面配置數(shù)據(jù)的詳細屬性信息的情況，用戶可以通過終端設(shè)備觸發(fā)快捷導(dǎo)航欄中的菜單項，在彈出的懸浮框中查看該其他頁面配置數(shù)據(jù)的詳細屬性信息，查看完成后點擊關(guān)閉懸浮框。

由上述實施例可知，基于第一頁面中的待配置項，在該待配置項對應(yīng)的數(shù)據(jù)庫中不存在待配置數(shù)據(jù)對應(yīng)的配置標識時，確定該配置標識對應(yīng)的第二頁面，并通過第一頁面的快捷導(dǎo)航欄觸發(fā)彈出第二頁面的懸浮框，再基于該第二頁面的懸浮框，將該待配置數(shù)據(jù)和該配置標識添加到第二頁面中，并關(guān)閉第二頁面的懸浮框，以使第二頁面在后臺加載待配置數(shù)據(jù)，最后將該配置標識添加到待配置項中，從而完成第一頁面中的一項配置?；谏鲜鰧崿F(xiàn)方式，由于通過快捷導(dǎo)航欄可以觸發(fā)彈出第二頁面的懸浮框，并通過該懸浮框即可實現(xiàn)對第二頁面的配置，而不需要保存第一頁面的當前配置，再切換到第二頁面進行配置保存后，再切換回第一頁面繼續(xù)配置的過程，因此，提高了頁面配置的效率，并且提高了終端設(shè)備的系統(tǒng)操作性能。

與前述頁面配置方法的實施例相對應(yīng)，本申請還提供了頁面配置裝置的實施例。

本申請頁面配置裝置的實施例可以應(yīng)用在終端設(shè)備上。裝置實施例可以通過軟件實現(xiàn)，也可以通過硬件或者軟硬件結(jié)合的方式實現(xiàn)。以軟件實現(xiàn)為例，作為一個邏輯意義上的裝置，是通過其所在設(shè)備的處理器將非易失性存儲器中對應(yīng)的計算機程序指令讀取到內(nèi)存中運行形成的。從硬件層面而言，如圖2所示，為本申請根據(jù)一示例性實施例示出的一種終端設(shè)備的硬件結(jié)構(gòu)圖，除了圖2所示的處理器、內(nèi)存、網(wǎng)絡(luò)接口、以及非易失性存儲器之外，實施例中裝置所在的設(shè)備通常根據(jù)該設(shè)備的實際功能，還可以包括其他硬件，對此不再贅述。

圖3為本申請根據(jù)一示例性實施例示出的一種終端設(shè)備的硬件結(jié)構(gòu)圖，如圖3所示，該裝置包括：判斷單元310、觸發(fā)單元320、配置及加載單元330、添加單元340。

判斷單元310，用于基于第一頁面中的待配置項，判斷所述待配置項對應(yīng)的數(shù)據(jù)庫中是否存在待配置數(shù)據(jù)對應(yīng)的配置標識；

觸發(fā)單元320，用于當判斷結(jié)果為不存在時，確定所述配置標識對應(yīng)的第二頁面，并通過所述第一頁面的快捷導(dǎo)航欄觸發(fā)彈出所述第二頁面的懸浮框；

配置及加載單元330，用于基于所述第二頁面的懸浮框，將所述待配置數(shù)據(jù)和所述配置標識添加到所述第二頁面中，并關(guān)閉所述第二頁面的懸浮框，以使所述第二頁面在后臺加載所述待配置數(shù)據(jù)；

添加單元340，用于將所述配置標識添加到所述待配置項中。

在一個可選的實現(xiàn)方式中，所述裝置還包括(圖3中未示出)：

懸浮框調(diào)整單元，用于在所述觸發(fā)單元320通過所述第一頁面的快捷導(dǎo)航欄觸發(fā)彈出所述第二頁面的懸浮框之后，通過鼠標調(diào)整所述懸浮框的大小和在所述第一頁面中的擺放位置，以使所述懸浮框清晰顯示所述第二頁面。

在另一個可選的實現(xiàn)方式中，所述觸發(fā)單元320，具體用于在通過快捷導(dǎo)航欄觸發(fā)彈出所述第二頁面的懸浮框的過程中，啟用快捷導(dǎo)航功能，彈出預(yù)先配置的第一頁面的快捷導(dǎo)航欄；觸發(fā)所述快捷導(dǎo)航欄包含的所述第二頁面的菜單項，彈出第二頁面的懸浮框。

在另一個可選的實現(xiàn)方式中，所述裝置還包括(圖3中未示出)：

所述快捷導(dǎo)航欄配置單元，具體用于獲取所述第一頁面關(guān)聯(lián)的第二頁面；觸發(fā)所述快捷導(dǎo)航欄中的編輯按鈕，彈出菜單編輯框；其中，所述菜單編輯框包括菜單數(shù)據(jù)庫列表和所述快捷導(dǎo)航欄的菜單項列表；從所述菜單數(shù)據(jù)庫列表中選擇所述第二頁面對應(yīng)的菜單項，并添加到所述快捷導(dǎo)航欄的菜單項列表中；觸發(fā)所述菜單編輯框中的確定按鈕，關(guān)閉所述菜單編輯框。

在另一個可選的實現(xiàn)方式中，所述裝置還包括(圖3中未示出)：

菜單項刪除單元，用于在所述快捷導(dǎo)航欄配置單元彈出菜單編輯框之后，從所述快捷導(dǎo)航欄的菜單項列表中刪除已添加到所述菜單項列表中的菜單項。

上述裝置中各個單元的功能和作用的實現(xiàn)過程具體詳見上述方法中對應(yīng)步驟的實現(xiàn)過程，在此不再贅述。

對于裝置實施例而言，由于其基本對應(yīng)于方法實施例，所以相關(guān)之處參見方法實施例的部分說明即可。以上所描述的裝置實施例僅僅是示意性的，其中所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位于一個地方，或者也可以分布到多個網(wǎng)絡(luò)單元上?？梢愿鶕?jù)實際的需要選擇其中的部分或者全部模塊來實現(xiàn)本申請方案的目的。本領(lǐng)域普通技術(shù)人員在不付出創(chuàng)造性勞動的情況下，即可以理解并實施。

由上述實施例可知，基于第一頁面中的待配置項，在該待配置項對應(yīng)的數(shù)據(jù)庫中不存在待配置數(shù)據(jù)對應(yīng)的配置標識時，確定該配置標識對應(yīng)的第二頁面，并通過第一頁面的快捷導(dǎo)航欄觸發(fā)彈出第二頁面的懸浮框，再基于該第二頁面的懸浮框，將該待配置數(shù)據(jù)和該配置標識添加到第二頁面中，并關(guān)閉第二頁面的懸浮框，以使第二頁面在后臺加載待配置數(shù)據(jù)，最后將該配置標識添加到待配置項中，從而完成第一頁面中的一項配置。基于上述實現(xiàn)方式，由于通過快捷導(dǎo)航欄可以觸發(fā)彈出第二頁面的懸浮框，并通過該懸浮框即可實現(xiàn)對第二頁面的配置，而不需要保存第一頁面的當前配置，再切換到第二頁面進行配置保存后，再切換回第一頁面繼續(xù)配置的過程，因此，提高了頁面配置的效率，并且提高了終端設(shè)備的系統(tǒng)操作性能。

以上所述僅為本申請的較佳實施例而已，并不用以限制本申請，凡在本申請的精神和原則之內(nèi)，所做的任何修改、等同替換、改進等，均應(yīng)包含在本申請保護的范圍之內(nèi)。