(19)國家知識產(chǎn)權局(12)發(fā)明專利(10)授權公告號CN115080154B(65)同一申請的已公布的文獻號(73)專利權人京東方科技集團股份有限公司(74)專利代理機構北京律智知識產(chǎn)權代理有限公司11438專利代理師王輝本公開提供一種頁面顯示方法、裝置、存儲介質及電子設備；涉及計算機技術領域。所述方法包括：接收到對父頁面中目標數(shù)據(jù)的查詢操作時，向服務端發(fā)送第一請求以存儲所述父頁面的頁面跳轉參數(shù)，并從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子頁面；向所述服務端發(fā)送第二請求以獲取所述父頁面的頁面跳轉參數(shù)，并根據(jù)所述頁面跳轉參數(shù)從所述子頁面跳轉回所述父頁面。本公開從父頁面進入子頁面時可以由服務端存儲頁面跳轉參數(shù)，再由子頁面返回時，可以從服務端獲取頁面跳轉參數(shù)，并根據(jù)頁面跳轉參數(shù)恢接收到對父頁面中目標數(shù)據(jù)的查詢操作時，向服務端發(fā)送第一請求以存儲所述父頁面的頁面跳轉參數(shù)，并從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子頁面向所述服務端發(fā)送第二請求以獲取所述父頁面的頁面跳轉參數(shù)，并根據(jù)所述頁面跳轉參數(shù)從所述子頁面跳轉回所述父頁面2接收到對父頁面中目標數(shù)據(jù)的查詢操作時，向服務端發(fā)送第一請求以存儲所述父頁面的頁面跳轉參數(shù)，并從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子頁面；向所述服務端發(fā)送第二請求以獲取所述父頁面的頁面跳轉參數(shù)，并根據(jù)所述頁面跳轉參數(shù)從所述子頁面跳轉回所述父頁面；從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子頁面前，所述方法還包括：配置目標文件，所述目標文件用于存儲所述父頁面和子頁面之間的父子關系；定義第一參數(shù)記憶變量，所述第一參數(shù)記憶變量用于標記是否記憶所述父頁面的頁面跳轉參數(shù)；定義第一導航守衛(wèi)，所述第一導航守衛(wèi)用于對第一對象中父頁面的路徑屬性和子頁面的路徑屬性進行賦值，以及，通過遍歷所述目標文件確定所述第一對象存在于所述目標文件中時，對所述第一對象中父頁面對應的第一參數(shù)記憶變量進行賦值。2.根據(jù)權利要求1所述的頁面顯示方法，其特征在于，所述接收到對父頁面中目標數(shù)據(jù)的查詢操作時，向服務端發(fā)送第一請求以存儲所述父頁面的頁面跳轉參數(shù)，并從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子頁面，包括：接收到對所述父頁面中目標數(shù)據(jù)的查詢操作時，獲取所述父頁面的頁面跳轉參數(shù)和所述第一參數(shù)記憶變量；當利用頁面跳轉函數(shù)確定所述第一參數(shù)記憶變量滿足預設條件時，將所述頁面跳轉參數(shù)轉換為目標參數(shù)字符串；向所述服務端發(fā)送攜帶所述目標參數(shù)字符串的第一請求以在所述服務端存儲所述目標參數(shù)字符串，并從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子頁面。3.根據(jù)權利要求2所述的頁面顯示方法，其特征在于，所述當利用頁面跳轉函數(shù)確定所述第一參數(shù)記憶變量滿足預設條件時，將所述頁面跳轉參數(shù)轉換為目標參數(shù)字符串，包括：當利用頁面跳轉函數(shù)確定所述第一參數(shù)記憶變量值為目標值時，將所述頁面跳轉參數(shù)轉換為初始參數(shù)字符串；對所述初始參數(shù)字符串進行編碼，得到第一參數(shù)字符串；對所述第一參數(shù)字符串進行加密，得到所述目標參數(shù)字符串。4.根據(jù)權利要求1所述的頁面顯示方法，其特征在于，從所述子頁面跳轉回所述父頁面定義第二參數(shù)記憶變量，所述第二參數(shù)記憶變量用于標記所述目標文件中是否存在所述父頁面的頁面跳轉參數(shù)；定義第二導航守衛(wèi)，所述第二導航守衛(wèi)用于對第二對象中父頁面的路徑屬性和子頁面的路徑屬性進行賦值，以及，通過遍歷所述目標文件確定所述第二對象存在于所述目標文件中時，對所述第二對象中父頁面對應的第二參數(shù)記憶變量進行賦值。5.根據(jù)權利要求4所述的頁面顯示方法，其特征在于，所述向所述服務端發(fā)送第二請求以獲取所述父頁面的頁面跳轉參數(shù)，并根據(jù)所述頁面跳轉參數(shù)從所述子頁面跳轉回所述父當利用參數(shù)解析函數(shù)確定所述第二參數(shù)記憶變量值為目標值時，向所述服務端發(fā)送第二請求以從所述服務端獲取目標參數(shù)字符串；3對所述目標參數(shù)字符串進行解密，得到所述第一參數(shù)字符串；對所述第一參數(shù)字符串進行解碼，得到初始參數(shù)字符串，并將所述初始參數(shù)字符串轉化為所述父頁面的頁面跳轉參數(shù)；根據(jù)所述頁面跳轉參數(shù)從所述子頁面跳轉回所述父頁面。6.根據(jù)權利要求5所述的頁面顯示方法，其特征在于，所述根據(jù)所述頁面跳轉參數(shù)從所將所述頁面跳轉參數(shù)的當前值賦值給選項變量，所述選項變量用于保存所述頁面跳轉參數(shù)的默認值；根據(jù)賦值后的選項變量從所述子頁面跳轉回所述父頁面。第一頁面顯示模塊，用于接收到對父頁面中目標數(shù)據(jù)的查詢操作時，向服務端發(fā)送第一請求以存儲所述父頁面的頁面跳轉參數(shù)，并從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子第二頁面顯示模塊，用于向所述服務端發(fā)送第二請求以獲取所述父頁面的頁面跳轉參數(shù)，并根據(jù)所述頁面跳轉參數(shù)從所述子頁面跳轉回所述父頁面；文件配置模塊，用于配置目標文件，所述目標文件用于存儲所述父頁面和子頁面之間的父子關系；第一變量定義模塊，用于定義第一參數(shù)記憶變量，所述第一參數(shù)記憶變量用于標記是否記憶所述父頁面的頁面跳轉參數(shù)；第一守衛(wèi)定義模塊，用于定義第一導航守衛(wèi)，所述第一導航守衛(wèi)用于對第一對象中父頁面的路徑屬性和子頁面的路徑屬性進行賦值，以及，通過遍歷所述目標文件確定所述第一對象存在于所述目標文件中時，對所述第一對象中父頁面對應的第一參數(shù)記憶變量進行賦值。8.一種計算機可讀存儲介質，其上存儲有計算機程序，其特征在于，所述計算機程序被處理器執(zhí)行時實現(xiàn)權利要求1-6任一項所述方法。存儲器，用于存儲所述處理器的可執(zhí)行指令；其中，所述處理器配置為經(jīng)由執(zhí)行所述可執(zhí)行指令來執(zhí)行權利要求1-6任一項所述的方法。4頁面顯示方法、裝置、存儲介質及電子設備技術領域[0001]本公開涉及計算機技術領域，具體而言，涉及一種頁面顯示方法、頁面顯示裝置、計算機可讀存儲介質以及電子設備。背景技術[0002]隨著前端技術及框架的不斷更新，頁面功能及交互的復雜度也隨著增加。在前端開發(fā)中，Vue是一套用于構建用戶界面的漸進式框架，基于Vue框架可以快速開發(fā)前端頁面，如可以實現(xiàn)單頁面應用的開發(fā)。[0003]使用Vue框架在開發(fā)單頁面應用時，頁面間跳轉會導致頁面刷新。以列表頁面和詳情頁面之間的跳轉為例，從篩選后的列表頁面中選中某一數(shù)據(jù)并跳轉至該數(shù)據(jù)的詳情頁面后，從詳情頁面返回列表頁面時會返回到列表頁面初始狀態(tài)，而未保存上次篩選后的查詢[0004]需要說明的是，在上述背景技術部分公開的信息僅用于加強對本公開的背景的理解，因此可以包括不構成對本領域普通技術人員已知的現(xiàn)有技術的信息。發(fā)明內容[0005]本公開的目的在于提供一種頁面顯示方法、頁面顯示裝置、計算機可讀存儲介質以及電子設備，進而至少在一定程度上克服由于相關技術導致的頁面間跳轉時由于頁面刷新使得用戶體驗較低的問題。[0007]接收到對父頁面中目標數(shù)據(jù)的查詢操作時，向服務端發(fā)送第一請求以存儲所述父頁面的頁面跳轉參數(shù)，并從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子頁面；[0008]向所述服務端發(fā)送第二請求以獲取所述父頁面的頁面跳轉參數(shù)，并根據(jù)所述頁面跳轉參數(shù)從所述子頁面跳轉回所述父頁面。[0009]在本公開的一種示例性實施例中，從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子頁[0010]配置目標文件，所述目標文件用于存儲所述父頁面和子頁面之間的父子關系。[0011]在本公開的一種示例性實施例中，從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子頁[0012]定義第一參數(shù)記憶變量，所述第一參數(shù)記憶變量用于標記是否記憶所述父頁面的頁面跳轉參數(shù)；[0013]定義第一導航守衛(wèi)，所述第一導航守衛(wèi)用于對第一對象中父頁面的路徑屬性和子頁面的路徑屬性進行賦值，以及，通過遍歷所述目標文件確定所述第一對象存在于所述目標文件中時，對所述第一對象中父頁面對應的第一參數(shù)記憶變量進行賦值。[0014]在本公開的一種示例性實施例中，所述接收到對父頁面中目標數(shù)據(jù)的查詢操作時，向服務端發(fā)送第一請求以存儲所述父頁面的頁面跳轉參數(shù)，并從所述父頁面跳轉至所5[0015]接收到對所述父頁面中目標數(shù)據(jù)的查詢操作時，獲取所述父頁面的頁面跳轉參數(shù)和所述第一參數(shù)記憶變量；[0016]當利用頁面跳轉函數(shù)確定所述第一參數(shù)記憶變量滿足預設條件時，將所述頁面跳轉參數(shù)轉換為目標參數(shù)字符串；[0017]向所述服務端發(fā)送攜帶所述目標參數(shù)字符串的第一請求以在所述服務端存儲所述目標參數(shù)字符串，并從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子頁面。[0018]在本公開的一種示例性實施例中，所述當利用頁面跳轉函數(shù)確定所述第一參數(shù)記憶變量滿足預設條件時，將所述頁面跳轉參數(shù)轉換為目標參數(shù)字符串，包括：[0019]當利用頁面跳轉函數(shù)確定所述第一參數(shù)記憶變量值為目標值時，將所述頁面跳轉參數(shù)轉換為初始參數(shù)字符串；[0020]對所述初始參數(shù)字符串進行編碼，得到第一參數(shù)字符串；[0021]對所述第一參數(shù)字符串進行加密，得到所述目標參數(shù)字符串。[0022]在本公開的一種示例性實施例中，從所述子頁面跳轉回所述父頁面前，所述方法還包括：[0023]定義第二參數(shù)記憶變量，所述第二參數(shù)記憶變量用于標記所述目標文件中是否存在所述父頁面的頁面跳轉參數(shù)；[0024]定義第二導航守衛(wèi)，所述第二導航守衛(wèi)用于對第二對象中父頁面的路徑屬性和子頁面的路徑屬性進行賦值，以及，通過遍歷所述目標文件確定所述第二對象存在于所述目標文件中時，對所述第二對象中父頁面對應的第二參數(shù)記憶變量進行賦值。[0025]在本公開的一種示例性實施例中，所述向所述服務端發(fā)送第二請求以獲取所述父頁面的頁面跳轉參數(shù)，并根據(jù)所述頁面跳轉參數(shù)從所述子頁面跳轉回所述父頁面，包括：[0026]當利用參數(shù)解析函數(shù)確定所述第二參數(shù)記憶變量值為目標值時，向所述服務端發(fā)送第二請求以從所述服務端獲取所述目標參數(shù)字符串；[0027]對所述目標參數(shù)字符串進行解密，得到所述第一參數(shù)字符串；[0028]對所述第一參數(shù)字符串進行解碼，得到所述初始參數(shù)字符串，并將所述初始參數(shù)字符串轉化為所述父頁面的頁面跳轉參數(shù)；[0029]根據(jù)所述頁面跳轉參數(shù)從所述子頁面跳轉回所述父頁面。[0030]在本公開的一種示例性實施例中，所述根據(jù)所述頁面跳轉參數(shù)從所述子頁面跳轉[0031]將所述頁面跳轉參數(shù)的當前值賦值給選項變量，所述選項變量用于保存所述頁面跳轉參數(shù)的默認值；[0032]根據(jù)賦值后的選項變量從所述子頁面跳轉回所述父頁面。[0034]第一頁面顯示模塊，用于接收到對父頁面中目標數(shù)據(jù)的查詢操作時，向服務端發(fā)送第一請求以存儲所述父頁面的頁面跳轉參數(shù)，并從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子頁面；[0035]第二頁面顯示模塊，用于向所述服務端發(fā)送第二請求以獲取所述父頁面的頁面跳轉參數(shù)，并根據(jù)所述頁面跳轉參數(shù)從所述子頁面跳轉回所述父頁面。6[0036]根據(jù)本公開的第三方面，提供一種計算機可讀存儲介質，其上存儲有計算機程序，所述計算機程序被處理器執(zhí)行時實現(xiàn)上述任意一項所述的方法。所述處理器的可執(zhí)行指令；其中，所述處理器配置為經(jīng)由執(zhí)行所述可執(zhí)行指令來執(zhí)行上述任意一項所述的方法。[0038]本公開示例性實施例可以具有以下部分或全部有益效果：[0039]在本公開示例實施方式所提供的頁面顯示方法中，通過接收到對父頁面中目標數(shù)據(jù)的查詢操作時，向服務端發(fā)送第一請求以存儲所述父頁面的頁面跳轉參數(shù)，并從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子頁面；向所述服務端發(fā)送第二請求以獲取所述父頁面的頁面跳轉參數(shù)，并根據(jù)所述頁面跳轉參數(shù)從所述子頁面跳轉回所述父頁面。一方面，本公開從父頁面進入子頁面時可以由服務端存儲頁面跳轉參數(shù)，再由子頁面返回時，可以從服務端獲取頁面跳轉參數(shù)，并根據(jù)頁面跳轉參數(shù)恢復之前的父頁面，避免了由于頁面跳轉導致的頁面刷新，用戶無需再次操作即可獲取上次的查詢結果，進而提升了用戶體驗；另一方面，通過與服務端的交互即可實現(xiàn)頁面跳轉參數(shù)的存儲和獲取，無需使用內存存儲數(shù)據(jù)，減少了內存消耗，從而提高了頁面的顯示性能。[0040]應當理解的是，以上的一般描述和后文的細節(jié)描述僅是示例性和解釋性的，并不能限制本公開。附圖說明[0041]此處的附圖被并入說明書中并構成本說明書的一部分，示出了符合本公開的實施例，并與說明書一起用于解釋本公開的原理。顯而易見地，下面描述中的附圖僅僅是本公開的一些實施例，對于本領域普通技術人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其它的附圖。[0042]圖1示出了可以應用本公開實施例的一種頁面顯示方法及裝置的示例性系統(tǒng)架構[0043]圖2示意性示出了根據(jù)本公開的一個實施例的頁面顯示方法的流程圖；[0044]圖3示意性示出了根據(jù)本公開的一個實施例的頁面跳轉時存儲頁面跳轉參數(shù)的流[0045]圖4示意性示出了根據(jù)本公開的一個實施例的頁面跳轉時對頁面跳轉參數(shù)進行處理的流程圖；[0046]圖5示意性示出了根據(jù)本公開的另一個實施例的頁面跳轉時存儲頁面跳轉參數(shù)的流程圖；[0047]圖6示意性示出了根據(jù)本公開的一個實施例的頁面返回時獲取頁面跳轉參數(shù)的流程圖；[0048]圖7示意性示出了根據(jù)本公開的另一個實施例的頁面返回時獲取頁面跳轉參數(shù)的流程圖；[0049]圖8示意性示出了根據(jù)本公開的一個實施例的頁面顯示方法的完整流程圖；[0050]圖9A示意性示出了根據(jù)本公開的一個實施例的原始列表頁面的示意圖；[0051]圖9B示意性示出了根據(jù)本公開的一個實施例的中間列表頁面的示意圖；7[0052]圖9C示意性示出了根據(jù)本公開的一個實施例的工單詳情頁面的示意圖；[0053]圖10示意性示出了根據(jù)本公開的一個實施例的頁面顯示裝置的框圖；[0054]圖11示意性示出了適于用來實現(xiàn)本公開實施例的電子設備的計算機系統(tǒng)的結構示意圖。具體實施方式[0055]現(xiàn)在將參考附圖更全面地描述示例實施方式。然而，示例實施方式能夠以多種形式實施，且不應被理解為限于在此闡述的范例；相反，提供這些實施方式使得本公開將更加全面和完整，并將示例實施方式的構思全面地傳達給本領域的技術人員。所描述的特征、結構或特性可以以任何合適的方式結合在一個或更多實施方式中。在下面的描述中，提供許多具體細節(jié)從而給出對本公開的實施方式的充分理解。然而，本領域技術人員將意識到，可以實踐本公開的技術方案而省略所述特定細節(jié)中的一個或更多，或者可以采用其它的方使得本公開的各方面變得模糊。[0056]此外，附圖僅為本公開的示意性圖解，并非一定是按比例繪制。圖中相同的附圖標記表示相同或類似的部分，因而將省略對它們的重復描述。附圖中所示的一些方框圖是功能實體，不一定必須與物理或邏輯上獨立的實體相對應?？梢圆捎密浖问絹韺崿F(xiàn)這些功能實體，或在一個或多個硬件模塊或集成電路中實現(xiàn)這些功能實體，或在不同網(wǎng)絡和/或處理器裝置和/或微控制器裝置中實現(xiàn)這些功能實體。[0057]圖1示出了可以應用本公開實施例的一種頁面顯示方法及裝置的示例性應用環(huán)境的系統(tǒng)架構的示意圖。[0058]如圖1所示，系統(tǒng)架構100可以包括終端設備101、102、103中的一個或多個，網(wǎng)絡104和服務器105。網(wǎng)絡104用以在終端設備101、102、103和服務器105之間提供通信鏈路的介質。網(wǎng)絡104可以包括各種連接類型，例如有線、無線通信鏈路或者備101、102、103可以是各種電子設備，包括但不限于臺式計算和平板電腦等，用于提供用戶界面進行頁面顯示。例如，終端設備上安裝有客戶端(如瀏覽器),通過瀏覽器客戶端可以瀏覽頁面。具體地，終端設備上的瀏覽器可以用于執(zhí)行：接收到對父頁面中目標數(shù)據(jù)的查詢操作時，向服務端發(fā)送第一請求以存儲所述父頁面的頁面跳轉參數(shù)，并從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子頁面；向所述服務端發(fā)送第二請求以獲取所述父頁面的頁面跳轉參數(shù)，并根據(jù)所述頁面跳轉參數(shù)從所述子頁面跳轉回所述父頁面。應該理解，圖1中的終端設備、網(wǎng)絡和服務器的數(shù)目僅僅是示意以具有任意數(shù)目的終端設備、網(wǎng)絡和服務器。例如，服務器1多個服務器組成的服務器集群，還可以是云計算平臺或者虛擬化中心。另外，服務器105可以用于為支持頁面顯示的視圖組件等提供后臺服務。[0059]本公開實施例所提供的頁面顯示方法一般由終端設備101、102、103中的一個或多后可以將上次的查詢結果直接顯示在終端設備的顯示屏上，本示例性實施例中對此不做特殊限定。但本領域技術人員容易理解的是，本公開實施例所提供的頁面顯示方法也可以由服務器105執(zhí)行，相應地，頁面顯示裝置也可以設置于服務器105中，服務器可以存儲用戶選8擇的查詢條件，以便于在進行頁面跳轉時可以根據(jù)該查詢條件返回上次的查詢結果，并由終端設備向用戶進行展示。[0060]以下對本公開實施例的技術方案進行詳細闡述：[0061]隨著前端技術及框架的不斷更新，頁面功能及交互的復雜度也隨著增加。在前端開發(fā)中，Vue是一套用于構建用戶界面的漸進式框架，基于Vue框架可以快速開發(fā)前端頁面，如可以實現(xiàn)單頁面應用的開發(fā)。[0062]使用Vue-Cli框架(Vue框架中的一種腳手架工具)在開發(fā)單頁面應用時，頁面間跳轉會導致頁面刷新。以列表頁面和詳情頁面之間的跳轉為例，從篩選后的列表頁面中選中某一數(shù)據(jù)并跳轉至該數(shù)據(jù)的詳情頁面后，從詳情頁面返回列表頁面時會返回到列表頁面初始狀態(tài)，而未保存上次篩選后的查詢結果。若用戶需要查看該查詢結果，需要再次進行篩選[0063]基于上述一個或多個問題，本示例實施方式提供了一種頁面顯示方法，該方法可以應用于上述終端設備101、102、103中的一個或多個，也可以應用于上述服務器105,本示例性實施例中對此不做特殊限定。[0064]參考圖2所示，該頁面顯示方法可以包括步驟S210和步驟S220:[0065]步驟S210.接收到對父頁面中目標數(shù)據(jù)的查詢操作時，向服務端發(fā)送第一請求以存儲所述父頁面的頁面跳轉參數(shù)，并從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子頁面；[0066]步驟S220.向所述服務端發(fā)送第二請求以獲取所述父頁面的頁面跳轉參數(shù)，并根據(jù)所述頁面跳轉參數(shù)從所述子頁面跳轉回所述父頁面。[0067]在本公開示例實施方式所提供的頁面顯示方法中，通過接收到對父頁面中目標數(shù)據(jù)的查詢操作時，向服務端發(fā)送第一請求以存儲所述父頁面的頁面跳轉參數(shù)，并從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子頁面；向所述服務端發(fā)送第二請求以獲取所述父頁面的頁面跳轉參數(shù)，并根據(jù)所述頁面跳轉參數(shù)從所述子頁面跳轉回所述父頁面。一方面，本公開從父頁面進入子頁面時可以由服務端存儲頁面跳轉參數(shù)，再由子頁面返回時，可以從服務端獲取頁面跳轉參數(shù)，并根據(jù)頁面跳轉參數(shù)恢復之前的父頁面，避免了由于頁面跳轉導致的頁面刷新，用戶無需再次操作即可獲取上次的查詢結果，進而提升了用戶體驗；另一方面，通過與服務端的交互即可實現(xiàn)頁面跳轉參數(shù)的存儲和獲取，無需使用內存存儲數(shù)據(jù)，減少了內存消耗，從而提高了頁面的顯示性能。[0068]下面，對于本示例實施方式的上述步驟進行更加詳細的說明。[0069]在步驟S210中，接收到對父頁面中目標數(shù)據(jù)的查詢操作時，向服務端發(fā)送第一請求以存儲所述父頁面的頁面跳轉參數(shù)，并從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子頁[0070]本公開示例實施方式中，可以以單頁面應用中的頁面顯示為例進行說明，對應的，父頁面可以是列表頁面，子頁面可以是詳情頁面。其中，單頁面應用是指只有一個主頁面的應用程序，該應用程序在瀏覽器中運行時，系統(tǒng)只需加載一次資源，后續(xù)的操作交互和數(shù)據(jù)交互是通過Router(路由)、AJAX(AsynchronousJavascriptAndXML,一種創(chuàng)建交互式網(wǎng)頁應用的網(wǎng)頁開發(fā)技術)實現(xiàn)。列表頁面和詳情頁面可以是由Vue-Cli框架開發(fā)的用戶界面。具體地，列表頁面可以是應用程序中用于顯示重復性較高的界面元素的用戶界面，且每個界面元素的次序、位置和數(shù)據(jù)源可以通過Vue-Cli框架控制。詳情頁面可以是應用程序中9用于顯示某一界面元素的詳細內容的用戶界面。[0071]用戶在查詢列表頁面中某一數(shù)據(jù)的詳情時，需要在列表頁面輸入與該數(shù)據(jù)相關的查詢條件。本公開示例實施方式中，查詢條件可以包括篩選條件和分頁條件。篩選條件可以面中根據(jù)類型進行搜索，且列表頁面帶有的篩選條件為“alarmType:1”時，可以表示查找列表頁面中報警類型為類型1的數(shù)據(jù)。若用戶在列表頁面中根據(jù)頁碼進行搜索，且列表頁面帶有的分頁條件為“pageNum:2”時，可以表示在第二頁中選擇某一數(shù)據(jù)以查看該數(shù)據(jù)的詳情。需要說明的是，列表頁面可以包括原始列表頁面和中間列表頁面。其中，原始列表頁面可以為列表頁面的初始狀態(tài)，中間列表頁面可以為同時帶有篩選條件和分頁條件的列表頁面。示例性的，在使用篩選條件(如alarmType:1)對原始列表頁面進行篩選后，可以根據(jù)分頁條件(如pageNum:2)將原始列表頁面切換中間列表頁面，即第二頁，在第二頁中選擇某一數(shù)據(jù)后可以跳轉至該數(shù)據(jù)的詳情頁面，此時對應的查詢條件為：“alarmType:1,pageNu以理解的是，原始列表頁面可以默認為無篩選條件下的第一頁數(shù)據(jù)，對應的查詢條件為“alarmType:'',pageNum:1”。[0072]一種示例實施方式中，父頁面可以是原始列表頁面，也可以是中間列表頁面，即可以對原始列表頁面中的數(shù)據(jù)進行詳情查詢，也可以對中間列表頁面中的數(shù)據(jù)進行詳情查詢。以查詢中間列表頁面中數(shù)據(jù)的詳情信息為例，接收到對中間列表頁面中目標數(shù)據(jù)的查詢操作時，可以向服務端發(fā)送請求以存儲該中間列表頁面的頁面跳轉參數(shù)，如可以將頁面跳轉參數(shù)存儲于數(shù)據(jù)庫中，并從該中間列表頁面跳轉至目標數(shù)據(jù)對應的詳情頁面。其中，頁面跳轉參數(shù)可以是中間列表頁面攜帶的查詢條件，目標數(shù)據(jù)可以為中間列表頁面中的與詳情頁面關聯(lián)的任一列表數(shù)據(jù)，詳情頁面可以是對目標數(shù)據(jù)進行查詢詳情操作時顯示的第一個頁面，向服務端發(fā)送的請求可以是http(hypertexttransferprotocol,超文本傳輸協(xié)議)請求，如可以將中間列表頁面的頁面跳轉參數(shù)通過第一請求如post請求發(fā)送至服務端，以使服務端將接收到的中間列表頁面的頁面跳轉參數(shù)存儲至數(shù)據(jù)庫中。[0073]需要說明的是，從父頁面跳轉至目標數(shù)據(jù)對應的子頁面前，可以預先配置一個目標文件，該目標文件可以用于存儲所有的父頁面和子頁面之間的父子關系。使用Vue-Cli框架開發(fā)應用程序時，對應的，目標文件可以是在Vue-store(存儲文件夾)中配置的JS(JavaScript,腳本語言)文件。例如，應用于應用程序中的頁面跳轉功能時，可以在Vue-配置一個pageJumpMemory.js文件，該文件中用于描述應用程序中所有存在父子關系的頁面，該文件中的數(shù)據(jù)可以形成一個配置項數(shù)組，以及該數(shù)組可以作為全局變量，只需在項目啟動時加載一次，以拉取文件中的所有配置信息，并將所有的配置信息存儲到store狀態(tài)管理以便于后續(xù)進行全局調用。[0074]示例性的，在web應用程序中，可以將pageJumpMemory.js文件中所有頁面的父子關系以表格的形式進行配置和存儲。當維護的原始表格中的父子關系發(fā)生變更時，可以相應地更新該表格。例如，若web應用程序在迭代過程中增加了新的父子關系頁面，可以將新的父子頁面添加至表格中，以實現(xiàn)web應用程序的及時更新。參考表1所示，示意性的給出了配置好的pageJumpMemory.js文件中用于存儲頁面父子關系的表格。其中，存在父子關系的fatherPage1/son1)、父頁面2(path屬性值：/fatherPage2/index)和子頁面2(path屬性表1父頁面子頁面是否需要記憶(Y/N)YN[0077]為了實現(xiàn)保留父頁面攜帶的查詢條件的功能，從父頁面跳轉至目標數(shù)據(jù)對應的子就是需要記憶父頁面攜帶的查詢條件。同時，還可以定義第一導航守衛(wèi)，即一對象中父頁面對應的第一參數(shù)記憶變量進行賦值。具體地，在父頁面注冊對象。通過beforeRouteLeave鉤子函數(shù)可以把參數(shù)to的path屬性值賦值給te數(shù)from的path屬性值賦值給temp.father,可以根據(jù)賦值后的path屬性值從父頁面跳轉至中，則將把第一參數(shù)記憶變量requireMemory賦值為true;若該temp對象不存在于[0080]步驟S310.接收到對所述父頁面中目標數(shù)據(jù)的查詢操作時，獲取所述父頁面的頁11間列表頁面帶有的頁面跳轉參數(shù)options.options為頁面跳轉時需要記憶的參數(shù)名和參數(shù)篩選后，再根據(jù)分頁條件“第二頁，每頁包含10條數(shù)據(jù)”從原始列表頁面切換為中間列表頁面，以查詢中間列表頁面中的目標數(shù)據(jù)，對應于該查詢條件傳入的options可以為[0083]步驟S320.當利用頁面跳轉函數(shù)確定所述第一參數(shù)記憶變量滿足預設條件時，將所述頁面跳轉參數(shù)轉換為目標參數(shù)字符串。[0084]傳參完成后，參考圖4所示，可以根據(jù)步驟S410至步驟S430對頁面跳轉參數(shù)進行處[0085]步驟S410.當利用頁面跳轉函數(shù)確定所述第一參數(shù)記憶變量值為目標值時，將所述頁面跳轉參數(shù)轉換為初始參數(shù)字符串。[0086]可以通過頁面跳轉函數(shù)判斷第一參數(shù)記憶變量requireMemory是否滿足預設條件，例如，預設條件可以是第一參數(shù)記憶變量值為目標值true,以根據(jù)requireMemory的值進行頁面跳轉。當確定requireMemory=true時，可以將頁面跳轉參數(shù)轉換為初始參數(shù)字符串。其中，頁面跳轉參數(shù)可以為中間列表頁面帶有的查詢條件options,初始參數(shù)字符串可以是params字符串。需要說明的是，將頁面跳轉參數(shù)轉換為參數(shù)字符串的目的在于可以將頁面跳轉參數(shù)轉換為頁面跳轉函數(shù)可以統(tǒng)一識別的內容，方便統(tǒng)一集成化管理和操作。[0087]示例性的，可以利用toDetails函數(shù)將options對象轉換為params字符串，若options為{pageNum:2,pageSize:10,alarmType:1},轉換得到的params字符串可以為{”pageNum”:2,“pageSize”:10,"alarmType”:1},如表2所示。表2options對象pageNum:2,pageSize:10,alaparams字符串[0090]步驟S420.對所述初始參數(shù)字符串進行編碼，得到第一參數(shù)字符串。[0091]為了增加頁面跳轉參數(shù)的安全性，將頁面跳轉參數(shù)轉化為初始字符串后，可以對初始字符串進行編碼，得到第一參數(shù)字符串。示例性的，可以利用toDetails函數(shù)將options對象轉換為params字符串，該params字符串即為初始參數(shù)字符串。然后，可以使用encodeURI函數(shù)對該params字符串進行UTF-8(8-bitUnicodeTransformationFormat,可變長度字符編碼)編碼，編碼后的params字符串即為第一參數(shù)可以將字符串作為URI組件進行編碼。示例性的，編碼后的params字符串可以為：“%7BpageNum%3Apagesize%22…”,如表3所示。options對象pageNum:2,pageSize:10,alaparams字符串編碼后的params字符串%7BpageNum%3Apagesize%22…[0094]可以看出，從編碼后的params字符串中可以看到查詢條件中的參數(shù)名稱如pageNum、pagesize等，但無法獲取各個參數(shù)的參數(shù)值，可以提高頁面跳轉參數(shù)的安全性。[0095]步驟S430.對所述第一參數(shù)字符串進行加密，得到所述目標參數(shù)字符串。[0096]在增加頁面跳轉參數(shù)安全性的基礎上，進一步的，為了增加頁面跳轉參數(shù)的美觀性，還可以對編碼得到的第一參數(shù)字符串進行加密，得到目標參數(shù)字符串。[0097]示例性地，首先，可以利用toDetails函數(shù)將options對象轉換為params字符串，該params字符串即為初始參數(shù)字符串。然后，可以使用encodeURI函數(shù)編碼params字符串，并對該params字符串的編碼結果進行加密。其中，可以對params字符串的編碼結果進行Base64編碼，以加密params字符串的編碼結果?？梢岳斫獾氖?，加密方法也可以是MD5散列算法1)、Crypto-JS(一種JavaScript加密算法)等，本公開對此不做具體限定。編碼后的params字符串即為第一參數(shù)字符串，加密得到的params字符串即為目標參數(shù)字符串。示例性的，加密后的params字符串可以為“cGFnZU51bTolLCBw表4options對象pageNum:2,pageSize:10,alaparams字符串編碼后的params字符串%7BpageNum%3Apagesize%22…加密后的params字符串cGFnZU51bTolLCBw…[0100]可以看出，已經(jīng)無法從加密后的params字符串中讀取與查詢條件相關的參數(shù)信息，進一步提高了頁面跳轉參數(shù)的安全性，同時還可以增加頁面跳轉參數(shù)的美觀性。[0101]其他示例中，也可以在利用toDetails函數(shù)將options對象轉換為params字符串后，將得到的params字符串作為目標參數(shù)字符串。還可以對轉換得到的params字符串直接進行加密，將加密結果作為目標參數(shù)字符串。在加密過程中，還可以對params字符串進行多層加密，如可以對params字符串的編碼結果依次進行Base64編碼、MD5加密和SHA1加密等，以進一步提高頁面跳轉參數(shù)的安全性?；蛘哌€可以對轉換得到的params字符串進行編碼，直接將編碼結果作為目標參數(shù)字符串，本公開對此不做具體限定。[0102]步驟S330.向所述服務端發(fā)送攜帶所述目標參數(shù)字符串的第一請求以在所述服務端存儲所述目標參數(shù)字符串，并從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子頁面。[0103]得到目標參數(shù)字符串后，可以向服務端發(fā)送第一請求如post請求，post請求中可以攜帶該目標參數(shù)字符串，以將該目標參數(shù)字符串發(fā)送至服務端，并通過服務端將該目標參數(shù)字符串進行存儲，實現(xiàn)了中間列表頁面的查詢條件的存儲功能。然后，可以通過beforeRouteLeave鉤子函數(shù)調用next函數(shù)以根據(jù)中間列表頁面的path屬性值和詳情頁面的path屬性值進行頁面跳轉，從而從中間列表頁面跳轉至目標數(shù)據(jù)對應的詳情頁面。[0104]一種示例實施方式中，參考圖5所示，也可以根據(jù)步驟S501至步驟S506實現(xiàn)頁面跳轉。[0105]步驟S501.判斷requireMemory是否為true。通過頁面跳轉函數(shù)toDetails判斷requireMemory的值，若requireMemory===true,則執(zhí)行步驟S502,否則直接執(zhí)行步驟[0106]步驟S502.將options轉換為params字符串；[0107]步驟S503.對params字符串進行加密；[0108]步驟S504.對加密得到的params字符串進行編碼；[0109]步驟S505.將編碼后的params字符串通過post請求發(fā)送給服務端進行存儲；[0110]步驟S506.跳轉至目標頁面。[0111]本公開示例實施方式中，使用vue-cli框架開發(fā)單頁面應用時，只需要在父頁面源碼中添加頁面跳轉函數(shù)，即可實現(xiàn)從父頁面跳轉至子頁面。利用頁面跳轉參數(shù)可以在頁面跳轉時存儲父頁面的查詢條件，以從子頁面返回時可以獲取該查詢條件，并根據(jù)獲取到的查詢條件恢復上次的查詢結果，無需修改子頁面源碼，減少了用戶的工作量，提高了用戶的頁面操作效率。而且，通過向服務端發(fā)送請求可以將父頁面的查詢條件存儲至數(shù)據(jù)庫中，無需使用內存存儲數(shù)據(jù)，減少了內存消耗，從而提高了頁面的顯示性能。[0112]在步驟S220中，向所述服務端發(fā)送第二請求以獲取所述父頁面的頁面跳轉參數(shù)，并根據(jù)所述頁面跳轉參數(shù)從所述子頁面跳轉回所述父頁面。[0113]本公開示例實施方式中，可以定義一個選項變量defaultParams,該選項變量可以用于保存頁面跳轉參數(shù)的默認值。例如，可以用于保存列表頁面的初始查詢條件，若初始查詢條件為{pageNum:1,pageSize:10},表示默認每頁包含十條數(shù)據(jù)，并取第一頁的數(shù)據(jù)進行展示。進入列表頁面時默認會使用defaultParams作為查詢條件并獲取對應的列表數(shù)據(jù)?？梢岳斫獾氖?，列表頁面的查詢條件為初始查詢條件時，展示的是列表頁面的初始狀態(tài)，即原始列表頁面。當用戶查詢第一頁中某一數(shù)據(jù)的詳情時，可以從原始列表頁面跳轉至該數(shù)據(jù)的詳情頁面，從該詳情頁面返回時，會使用defaultParams作為查詢條件，此時的defaultParams為初始查詢條件，根據(jù)初始查詢條件獲取的是第一頁的列表數(shù)據(jù)，也就是可以從該詳情頁面直接跳轉回原始列表頁面。[0114]本公開示例實施方式中是使用Vue框架實現(xiàn)單頁面應用的頁面顯示，因此，從子頁面跳轉回父頁面前，也就是從詳情頁面返回中間列表頁面前，還可以定義第二參數(shù)記憶變量，即hasMemory,該第二參數(shù)記憶變量可以用于標記目標文件中是否存在父頁面的頁面跳轉參數(shù)。例如，若hasMemory=false,表示目標文件中不存在父頁面的頁面跳轉參數(shù)；若hasMemory=true,表示目標文件中存在父頁面的頁面跳轉參數(shù)，也就是pageJumpMemory.js文件中存在父頁面攜帶的查詢條件。同時，還可以定義第二導航守衛(wèi)，即beforeRouteEnter鉤子函數(shù)，該守衛(wèi)可以用于對第二對象中父頁面的路徑屬性和子頁面的路徑屬性進行賦值，以及通過遍歷目標文件確定第二對象存在于目標文件中時，對第二對象中父頁面對應的第二參數(shù)記憶變量進行賦值。具體地，在父頁面定義beforeRouteEnter鉤子函數(shù)時也需要傳入to、from和next三的調用參數(shù)。[0115]舉例而言，可以定義一個臨時對象temp2={fatherPage:°,sonPage:"}作為第二對象。通過beforeRouteEnter鉤子函數(shù)可以把參數(shù)to的path屬性值賦值給temp2.son.把參數(shù)from的path屬性值賦值給temp2.father,可以根據(jù)賦值后的path屬性值從子頁面跳轉回父頁面，也就是從當前頁面跳轉至上一個頁面。然后，可以遍歷配置好的pageJumpMemory.js文件，以確定temp2對象是否存在于該文件中。若該temp2對象存在于pageJumpMemory.js文件中，則將把第二參數(shù)記憶變量hasMemory賦值為true;若該temp2對象不存在于pageJumpMemory.js文件中，則將把第二參數(shù)記憶變量hasMemory賦值為false。[0116]當用戶查詢中間列表頁面中某一數(shù)據(jù)的詳情時，可以從中間列表頁面跳轉至該數(shù)據(jù)的詳情頁面，從該詳情頁面返回時，會使用defaultParams作為查詢條件，根據(jù)初始查詢條件獲取的是原始列表頁面的列表數(shù)據(jù)，也就是可以從該詳情頁面跳轉回原始列表頁面。用戶在詳情頁面查看目標數(shù)據(jù)的詳細內容并從詳情頁面返回時，為了避免由于頁面刷新導致從詳情頁面返回至原始列表頁面而丟失了上次的查詢結果，可以調用參數(shù)解析函數(shù)，并利用參數(shù)解析函數(shù)從詳情頁面返回保留上次查詢結果的列表頁面，即返回至中間列表頁用戶對瀏覽器界面中頁面回退控件的觸發(fā)操作時，可以觸發(fā)beforeRouteEnter鉤子函數(shù)來調用getMemoryParams函數(shù)，并利用getMemoryParams函數(shù)在進入列表頁面前完成上次查詢條件的獲取和解析，從而便于根據(jù)解析結果修改defaultParams的值，進而恢復上次的查詢結果，無需用戶再次對列表頁面進行篩選等操作，提高了用戶的使用體驗。[0117]示例性的，從詳情頁面返回中間列表頁面時，可以利用beforeRouteEnter鉤子函數(shù)在進入中間列表頁面前調用getMemoryParams函數(shù)，通過getMemoryParams函數(shù)向服務端發(fā)送請求以獲取中間列表頁面的頁面跳轉參數(shù)，并根據(jù)頁面跳轉參數(shù)從詳情頁面返回中間列表頁面。其中，向服務端發(fā)送的請求可以是http請求，如可以向服務端發(fā)送第二請求如get請求，以使服務端返回中間列表頁面的頁面跳轉參數(shù)。[0118]一種示例實施方式中，參考圖6所示，可以根據(jù)步驟S610至步驟S630實現(xiàn)從子頁面跳轉回保留上次查詢結果的父頁面，例如，可以從詳情頁面跳轉回中間列表頁面。[0119]步驟S610.當利用參數(shù)解析函數(shù)確定所述第二參數(shù)記憶變量值為目標值時，向所述服務端發(fā)送第二請求以從所述服務端獲取所述目標參數(shù)字符串。[0120]具體地，調用getMemoryParams函數(shù)時，可以傳入用于提取上次查詢條件的參數(shù)，包括參數(shù)reg、to、from和next。其中，reg為正則表達式，利用reg可以匹配與當前列表頁面對應的詳情頁面URL。to、from和next可以從beforeRouteEnter鉤子函數(shù)中得到，to和f均為對象類型數(shù)據(jù)，通過to可以獲取列表頁面的信息，通過from可以獲取進入列表頁面前所在頁面的信息，next是一個跳轉函數(shù)，beforeRouteEnter鉤子函數(shù)要求業(yè)務代碼執(zhí)行完畢后必須調用next函數(shù)，用于標志該函數(shù)的完成并進入頁面加載流程。[0121]傳參完成后，可以利用getMemoryParams函數(shù)獲取目標參數(shù)字符串。示例性的，從詳情頁面返回時，可以先利用getMemoryParams函數(shù)檢驗數(shù)據(jù)庫中是否存儲了中間列表頁面的查詢條件。示例性的，當?shù)诙?shù)記憶變量值hasMemory為目標值true時，表明數(shù)據(jù)庫中存在中間列表頁面的頁面跳轉參數(shù)，則可以向服務端發(fā)送第二請求如get請求以從服務端獲取目標參數(shù)字符串。可以理解的是，若中間列表頁面和詳情頁面不存在于pageJumpMemory.js文件中，即hasMemory=false時，可以表明此次頁面跳轉不是從指定詳情頁面跳轉回中間列表頁面，或者數(shù)據(jù)庫中不存在中間列表頁面的頁面跳轉參數(shù)，此時可以直接執(zhí)行next()進入列表頁面，也就是返回到列表頁面的初始狀態(tài)。[0122]步驟S620.對所述目標參數(shù)字符串進行解密，得到所述第一參數(shù)字符串。[0123]從服務端獲取目標參數(shù)字符串后，可以對目標參數(shù)字符串進行解析，以得到頁面跳轉參數(shù)。示例性的，若從中間列表頁面跳轉至詳情頁面時，是先將options對象轉換為params字符串，再使用encodeURI函數(shù)編碼params字符串，并對params字符串的編碼結果進行Base64編碼，通過加密params字符串的編碼結果得到params字符串params字符串“cGFnZU51bTo1LCBw…”進行Base64解密，得到解密后的params字符串“%7BpageNum%3Apagesize%22…",該字符串即為第一參數(shù)字符串，以便于后續(xù)對第一參數(shù)字符串進行解碼，得到初始參數(shù)字符串，并將初始參數(shù)字符串轉化為頁面跳轉參數(shù)。[0124]步驟S630.對所述第一參數(shù)字符串進行解碼，得到所述初始參數(shù)字符串，并將所述初始參數(shù)字符串轉化為所述父頁面的頁面跳轉參數(shù)。[0125]得到第一參數(shù)字符串后，可以對第一參數(shù)字符串進行解碼，得到初始參數(shù)字符串，并將初始參數(shù)字符串轉化為中間列表頁面的頁面跳轉參數(shù)。示例性的，可以使用decodeURI函數(shù)對解密后的params字符串“%7BpageNum%3Apagesize%22…”進行解碼，解碼后的params字符串{“pageNum”:2,"pageSize":10,"alarmType”:1}即為初始參數(shù)字符串。然后，可以把該params字符串恢復成對象類型的數(shù)據(jù)options{pageNum:2,pageSize:10,[0126]其他示例中，若目標參數(shù)字符串為params字符串“%7BpageNum%3Apagesize%22…",可以先使用decodeURI函數(shù)對該params字符串“%7BpageNum%3Apagesize%22…"后，可以把解碼后的params字符串恢復成對象類型的數(shù)據(jù)options{pageNum:2,pageSize:10,alarmType:1}。若目標參數(shù)字符串為params字符串{”pageNum”:2,"pageSize”:10,"name”:"namel”,"type":"typel"}時，可以直接將該params字符串恢復成對象類型的數(shù)據(jù)options{pageNum:2,pageSize:10,name:'namel',type:'typel'},本公開對此做限定。[0127]步驟S640.根據(jù)所述頁面跳轉參數(shù)從所述子頁面跳轉回所述父頁面。[0128]提取到頁面跳轉參數(shù)后，可以將頁面跳轉參數(shù)的當前值賦值給選項變量defaultParams,以根據(jù)賦值后的選項變量從詳情頁面跳轉回中間列表頁面。示例性的，賦值完成后，選項變量defaultParams由初始查詢條件{pageNum:1,pageSize:10}變?yōu)閛ptions{pageNum:2,pageSize:10,alarmType:1},通過調用執(zhí)行next()進入中間列表頁面，也即實現(xiàn)了從詳情頁面跳轉回保留上次查詢結果的列表頁面。[0129]需要說明的是，根據(jù)頁面跳轉參數(shù)從詳情頁面跳轉回保留上次查詢結果的列表頁面后，可以將數(shù)據(jù)庫中存儲的頁面跳轉參數(shù)進行刪除，實現(xiàn)數(shù)據(jù)庫表中僅有0或1條記錄，極大減輕了數(shù)據(jù)庫的存儲壓力。例如，可以通過delete請求實現(xiàn)頁面跳轉參數(shù)的刪除，刪除頁面跳轉參數(shù)的具體實現(xiàn)方式可以根據(jù)具體實現(xiàn)場景進行更改，本公開對此不做具體限定。[0130]該示例中，使用Vue-cli框架開發(fā)單頁面應用時，只需要在父頁面源碼中添加參數(shù)解析函數(shù)，即可實現(xiàn)從子頁面跳轉回保留上次查詢結果的父頁面。從子頁面返回時通過讀取之前記錄的查詢條件恢復父頁面查詢結果，無需修改子頁面源碼，減少了用戶的工作量，提高了用戶的頁面操作效率。[0131]一種示例實施方式中，參考圖7所示，可以根據(jù)步驟S701至步驟S708實現(xiàn)從詳情頁面跳轉回列表頁面。[0132]步驟S701.檢驗列表頁面和詳情頁面是否存在于pageJumpMemory.js文件中。若是，則執(zhí)行步驟S702,若否，此次頁面跳轉不是從指定詳情頁面跳轉回中間列表頁面，或者數(shù)據(jù)庫中不存在中間列表頁面的頁面跳轉參數(shù)，則執(zhí)行步驟S707;[0133]步驟S702.向服務端發(fā)送get請求獲取params字符串；[0134]步驟S703.對params字符串進行解碼；[0135]步驟S704.對解碼后的params字符串進行解密；[0136]步驟S705.將解密得到的params字符串轉換為options對象；[0137]步驟S706.將options賦值給defaultParams;[0138]步驟S707.進入列表頁面，如可以執(zhí)行next()進入列表頁面；[0139]步驟S708.使用defaultParams請求列表數(shù)據(jù)，渲染列表數(shù)據(jù)并通過終端設備向用戶進行顯示。[0140]本公開示例實施方式中，實現(xiàn)從詳情頁面返回列表頁面時還可以保留上次查詢結果需要兩步：第一，在離開列表頁面前，在列表頁面beforeRouterLeave鉤子函數(shù)中調用頁面跳轉函數(shù)(如toDetails函數(shù))判斷當前頁面的查詢條件是否需要記憶，如果需要記憶則向服務端發(fā)送post請求以存儲查詢條件。其中，向服務端發(fā)送post請求前已對查詢條件進行了base64編碼，可以保證請求的安全性；第二，在進入列表頁面之前，在列表頁面的beforeRouteEnter鉤子函數(shù)中調用參數(shù)解析函數(shù)(如getMemoryParams函數(shù))判斷是否存在列表頁面的查詢條件，如果存在則向服務端發(fā)送get請求以獲取查詢條件，對獲取到的查詢條件進行讀取和解析，得到上次的查詢條件options,并將頁面默認查詢條件即選項變量defaultParams修改為上次的查詢條件options,即可完成列表頁面上次查詢結果的恢復。該方法只需要在列表頁面源碼中添加頁面跳轉函數(shù)和參數(shù)解析函數(shù)，無需修改詳情頁面源碼，減少了用戶完成該功能所需的工作量，提高了用戶的操作效率。另外，基于http請求實現(xiàn)頁面跳轉參數(shù)的存儲和獲取，進而實現(xiàn)了保留和獲取上次查詢條件的功能，無需使用內存存儲數(shù)據(jù)，減少了內存消耗，從而提高了頁面的顯示性能。[0141]一種示例實施方式中，參考圖8所示，可以根據(jù)步驟S801至步驟S807進行頁面顯[0142]步驟S801.配置父子頁面關系。在瀏覽器的Vue-store中配置pageJumpMemory.js文件，用于存儲并維護父子關系頁面，以及是否需要記憶父頁面的頁面跳轉參數(shù)；[0143]步驟S802.頁面跳轉前，給第一參數(shù)記憶變量賦值。判斷當前頁面和目標頁面是否存在于pageJumpMemory.js文件中，若存在，則給第一參數(shù)記憶變量賦值為true,一參數(shù)記憶變量賦值為false;[0144]步驟S803.頁面跳轉時，根據(jù)第一參數(shù)記憶變量向服務端發(fā)送post請求存儲頁面跳轉參數(shù)。當?shù)谝粎?shù)記憶變量值為true時，可以將經(jīng)過編碼處理的頁面跳轉參數(shù)通過post請求發(fā)送至服務端，以使服務端將該頁面跳轉參數(shù)存儲至數(shù)據(jù)庫中；[0145]步驟S804.服務端接收到瀏覽器發(fā)送的post請求，存儲頁面跳轉參數(shù)至數(shù)據(jù)庫；[0146]步驟S805.頁面返回時，向服務端發(fā)送get請求獲取頁面跳轉參數(shù)；[0147]步驟S806.服務端接收瀏覽器發(fā)送的get請求，從數(shù)據(jù)庫中獲取頁面跳轉參數(shù)，將頁面跳轉參數(shù)返回至瀏覽器，并及時清除數(shù)據(jù)庫中存儲的頁面跳轉參數(shù)；[0148]步驟S807.對獲取的頁面跳轉參數(shù)進行解碼，根據(jù)解碼結果請求對應的數(shù)據(jù)，以重新渲染瀏覽器頁面。[0149]該示例中，一方面，從父頁面進入子頁面時可以由服務端存儲頁面跳轉參數(shù)，再由子頁面返回時，可以從服務端獲取頁面跳轉參數(shù)，并根據(jù)頁面跳轉參數(shù)恢復之前的父頁面，避免了由于頁面跳轉導致的頁面刷新，用戶無需再次操作即可獲取上次的查詢結果，進而提升了用戶體驗；另一方面，通過與服務端的交互即可實現(xiàn)頁面跳轉參數(shù)的存儲和獲取，無需使用內存存儲數(shù)據(jù)，減少了內存消耗，從而提高了頁面的顯示性能。[0150]參考圖9A所示，示意性給出了一種用于運維服務的應用程序在運行時顯示的列表頁面?？梢钥闯?，圖9A顯示的是列表頁面的初始狀態(tài)，即原始列表頁面，對應的查詢條件為"name:",pageNum:1”,也就是無篩選條件下的第一頁數(shù)據(jù)。該列表頁面中包括6條列表數(shù)據(jù)，每條列表數(shù)據(jù)包括工單編號、工單名稱和工單狀態(tài)，如第一條列表數(shù)據(jù)為工單編號為202101的測試工單，該工單的當前狀態(tài)為已解決。可以理解的是，列表頁面中的每條列表數(shù)據(jù)均可以作為目標數(shù)據(jù)，用戶選中某條列表數(shù)據(jù)時，也就是選中某個工單時，可以執(zhí)行該工單對應的“查看詳情”操作以從當前列表頁面進入該工單的詳情頁面。例如，點擊“查看詳情”時，可以觸發(fā)beforeRouteLeave鉤子函數(shù)，并通過beforeRouteLeave鉤子函數(shù)調用toDetails函數(shù)，以利用toDetails函數(shù)從當前列表頁面跳轉至該工單的詳情頁面時通過服為篩選條件，頁碼和每頁6條數(shù)據(jù)可以作為分頁條件。另外，用戶也可以直接選取目標頁碼前往對應的中間列表頁面。示意性給出了帶有篩選條件和分頁條件的列表頁面，即中間列表頁面?？梢钥闯觯摿斜眄撁鎸牟樵儣l件為“name:禁止入侵，pageNum:6”,圖9B中的6條列表數(shù)據(jù)均為禁止入侵工單，每條列表數(shù)據(jù)均可以作為目標數(shù)據(jù)。當用戶執(zhí)行某一條列表數(shù)據(jù)的查看詳情操作時，可以從圖9B所示的列表頁面跳轉至該列表數(shù)據(jù)對應的詳情頁面。例如，當用戶選擇工單編號為202131的禁止入侵工單并執(zhí)行查看詳請操作時，可以從當前列表頁面進入該工單的詳情頁面，如可以進入如圖9C所示的詳情頁面。該詳情頁面中包括6項詳情數(shù)據(jù)，分別是工單名[0152]從圖9C所示的詳情頁面返回時，可以返回至圖9B所示的列表頁面，直接向用戶展數(shù)調用getMemoryParams函數(shù)，以利用getMemoryParams函數(shù)從服務端獲取9B所示列表頁面的頁面跳轉參數(shù)，并根據(jù)頁面跳轉參數(shù)重新請求列表數(shù)據(jù)和渲染頁面。從詳情頁面返回列表頁面時可以保留上次查詢結果，便于用戶進行查看，提高了用戶體驗。[0153]可以理解的是，當用戶執(zhí)行圖9A中某一條列表數(shù)據(jù)的查看詳情操作時，可以從圖9A所示的列表頁面跳轉至該列表數(shù)據(jù)對應的詳情頁面。從該詳情頁面返回時，可以跳轉回圖9A所示的列表頁面，即返回至列表頁面的初始狀態(tài)，同樣也實現(xiàn)了從詳情頁面返回列表頁面時可以保留上次查詢結果的功能。[0154]還需說明的是，本公開示例實施方式中可以預先將beforeRouteLeave鉤子函數(shù)、beforeRouteEnter鉤子函數(shù)、頁面跳轉函數(shù)、參數(shù)解析函數(shù)和選項變量封裝為可執(zhí)行文件并存儲至瀏覽器中，以在接收到對列表頁面中目標數(shù)據(jù)的查詢操作時執(zhí)行該可執(zhí)行文件。該可執(zhí)行文件中還可以包括參數(shù)to、reg、from和next等源碼，以及用于編碼和加密的算法源碼等，也即可以根據(jù)用戶的實際需求進行源碼封裝并得到用戶所需的可執(zhí)行文件，本公開對此不做具體限定。示例性的，可以在Vue框架下使用webpack(一種模塊打包器)將列表頁面源碼、詳情頁面源碼、頁面跳轉函數(shù)、參數(shù)解析函數(shù)和選項變量等相關源碼進行打包，并以文件夾形式存儲于服務器中，用戶在本地瀏覽器進行使用時可以向服務器進行數(shù)據(jù)請列表頁面訪問時，即可將預先打包好的可執(zhí)行文件共同部署至本地瀏覽器，可以避免頻繁的向服務器進行數(shù)據(jù)請求。本公開所示例實施方式所提供的頁面顯示方法邏輯清晰、架構進行數(shù)據(jù)處理。[0155]需要說明的是，本公開示例實施方式中的父子頁面包括但不限于列表頁面和詳情頁面，也就是說父子頁面可以是通過存儲、獲取頁面跳轉參數(shù)進行頁面顯示場景中的任意兩個頁面，本公開對此不做具體限定。[0156]在本公開示例實施方式所提供的頁面顯示方法中，通過接收到對父頁面中目標數(shù)據(jù)的查詢操作時，向服務端發(fā)送第一請求以存儲所述父頁面的頁面跳轉參數(shù)，并從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子頁面；向所述服務端發(fā)送第二請求以獲取所述父頁面的頁面跳轉參數(shù)，并根據(jù)所述頁面跳轉參數(shù)從所述子頁面跳轉回所述父頁面。一方面，本公開從父頁面進入子頁面時可以由服務端存儲頁面跳轉參數(shù)，再由子頁面返回時，可以從服務端獲取頁面跳轉參數(shù)，并根據(jù)頁面跳轉參數(shù)恢復之前的父頁面，避免了由于頁面跳轉導致的頁面刷新，用戶無需再次操作即可獲取上次的查詢結果，進而提升了用戶體驗；另一方面，通過與服務端的交互即可實現(xiàn)頁面跳轉參數(shù)的存儲和獲取，無需使用內存存儲數(shù)據(jù)，減少了內存消耗，從而提高了頁面的顯示性能。[0157]應當注意，盡管在附圖中以特定順序描述了本公開中方法的各個步驟，但是，這并非要求或者暗示必須按照該特定順序來執(zhí)行這些步驟，或是必須執(zhí)行全部所示的步驟才能實現(xiàn)期望的結果。附加的或備選的，可以省略某些步驟，將多個步驟合并為一個步驟執(zhí)行，以及/或者將一個步驟分解為多個步驟執(zhí)行等。[0158]進一步的，本示例實施方式中，還提供了一種頁面顯示裝置。該裝置可以應用于一終端設備或服務器。參考圖10所示，該頁面顯示裝置1000可以包括第一頁面顯示模塊1010和第二頁面顯示模塊1020,其中：[0159]第一頁面顯示模塊1010,用于接收到對父頁面中目標數(shù)據(jù)的查詢操作時，向服務端發(fā)送第一請求以存儲所述父頁面的頁面跳轉參數(shù)，并從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子頁面；[0160]第二頁面顯示模塊1020,用于向所述服務端發(fā)送第二請求以獲取所述父頁面的頁面跳轉參數(shù)，并根據(jù)所述頁面跳轉參數(shù)從所述子頁面跳轉回所述父頁面。[0161]在一種可選的實施方式中，該頁面顯示裝置1000還[0162]文件配置模塊，用于配置目標文件，所述目標文件用于存儲所述父頁面和子頁面之間的父子關系。[0163]在一種可選的實施方式中，該頁面顯示裝置1000還包括：[0164]第一變量定義模塊，用于定義第一參數(shù)記憶變量，所述第一參數(shù)記憶變量用于標記是否記憶所述父頁面的頁面跳轉參數(shù)；[0165]第一守衛(wèi)定義模塊，用于定義第一導航守衛(wèi)，所述第一導航守衛(wèi)用于對第一對象中父頁面的路徑屬性和子頁面的路徑屬性進行賦值，以及，通過遍歷所述目標文件確定所述第一對象存在于所述目標文件中時，對所述第一對象中父頁面對應的第一參數(shù)記憶變量進行賦值。[0166]在一種可選的實施方式中，第一頁面顯示模塊1010包括：[0167]參數(shù)獲取單元，用于接收到對所述父頁面中目標數(shù)據(jù)的查詢操作時，獲取所述父頁面的頁面跳轉參數(shù)和所述第一參數(shù)記憶變量；[0168]參數(shù)轉換單元，用于當利用頁面跳轉函數(shù)確定所述第一參數(shù)記憶變量滿足預設條件時，將所述頁面跳轉參數(shù)轉換為目標參數(shù)字符串；[0169]參數(shù)存儲單元，用于向所述服務端發(fā)送攜帶所述目標參數(shù)字符串的第一請求以在所述服務端存儲所述目標參數(shù)字符串，并從所述父頁面跳轉至所述目標數(shù)據(jù)對應的子頁[0171]參數(shù)轉換子單元，用于當利用頁面跳轉函數(shù)確定所述第一參數(shù)記憶變量值為目標值時，將所述頁面跳轉參數(shù)轉換為初始參數(shù)字符串；[0172]字符串編碼子單元，用于對所述初始參數(shù)字符串進行編碼，得到第一參數(shù)字符串；[0173]字符串加密子單元，用于對所述第一參數(shù)字符串進行加密，得到所述目標參數(shù)字[0174]在一種可選的實施方式中，該頁面顯示裝置1000還包括：[0175]第二變量定義模塊，用于定義第二參數(shù)記憶變量，所述第二參數(shù)記憶變量用于標記所述目標文件中是否存在所述父頁面的頁面跳轉參數(shù)；[0176]第二守衛(wèi)定義模塊，用于定義第二導航守衛(wèi)，所述第二導航守衛(wèi)用于對第二對象中父頁面的路徑屬性和子頁面的路徑屬性進行賦值，以及，通過遍歷所述目標文件確定所述第二對象存在于所述目標文件中時，對所述第二對象中父頁面對應的第二參數(shù)記憶變量進行賦值。[0177]在一種可選的實施方式中，第二頁面顯示模塊1020包括：[0178]字符串獲取單元，用于當利用參數(shù)解析函數(shù)確定所述第二參數(shù)記憶變量值為目標值時，向所述服務端發(fā)送第二請求以從所述服務端獲取所述目標參數(shù)字符串；[0179]字符串解密單元，用于對所述目標參數(shù)字符串進行解密，得到所述第一參數(shù)字符[0180]字符串解碼單元，用于對所述第一參數(shù)字符串進行解碼，得到所述初始參數(shù)字符串，并將所述初始參數(shù)字符串轉化為所述父頁面的頁面跳轉參數(shù)；[0181]頁面跳轉單元，用于根據(jù)所述頁面跳轉參數(shù)從所述子頁面跳轉回所述父頁面。[0183]參數(shù)賦值子單元，用于將所述頁面跳轉參數(shù)的當前值賦值給選項變量，所述選項變量用于保存所述頁面跳轉參數(shù)的默認值；[0184]頁面跳轉子單元，用于根據(jù)賦值后的選項變量從所述子頁面跳轉回所述父頁面。[0185]上述頁面顯示裝置中各模塊的具體細節(jié)已經(jīng)在對應的頁面顯示方法中進行了詳[0186]上述裝置中各模塊可以是通用處理器，包括：中央處理器、網(wǎng)絡處理器等；還可以是數(shù)字信號處理器、專用集成電路、現(xiàn)場可編程門陣列或者其他可編程邏輯器件、分立門或者晶體管邏輯器件、分立硬件組件。各模塊也可以由軟件、固件等形式來實現(xiàn)。上述裝置中的各處理器可以是獨立的處理器，也可以集成在一起。[0187]本公開的示例性實施方式還提供了一種計算機可讀存儲介質，其上存儲有能夠實現(xiàn)本說明書上述方法的程序產(chǎn)品。在一些可能的實施方式中，本公開的各個方面還可以實現(xiàn)為一種程序產(chǎn)品的形式，其包括程序代碼，當程序產(chǎn)品在電子設備上運行時，程序代碼用于使電子設備執(zhí)行本說明書上述“示例性方法”部分中描述的根據(jù)本公開各種示例性實施方式的步驟。該程序產(chǎn)品可以采用便攜式緊湊盤只讀存儲器(CD-ROM)并包括程序代碼，并讀存儲介質可以是任何包含或存儲程序的有形介質，該程序可以被指令執(zhí)行系統(tǒng)、裝置或者器件使用或者與其結合使用。[0188]程序產(chǎn)品可以采用一個或多個可讀介質的任意組合?？勺x介質可以是可讀信號介體的系統(tǒng)、裝置或器件，或者任意以上的組合?？勺x存儲介質的更具體的例子(非窮舉的列[0189]計算機可讀信號介質可以包括在基帶中或者作為載波一部分傳播的數(shù)據(jù)信號，其中承載了可讀程序代碼。這種傳播的數(shù)據(jù)信號可以采用多種形式，包括但不限于電磁信號、光信號或上述的任意合適的組合?？勺x信號介質還可以是可讀存儲介質以外的任何可讀介質，該可讀介質可以發(fā)送、傳播或者傳輸用于由指令執(zhí)行系統(tǒng)、裝置或者器件使用或者與其結合使用的程序。[0190]可讀介質上包含的程序代碼可以用任何適當?shù)慕橘|傳輸，包括但不限于無線、有[0191]可以以一種或多種程序設計語言的任意組合來編寫用于執(zhí)行本公開操作的程序代碼，程序設計語言包括面向對象的程序設計語言一諸如Java、C++等，還包括常規(guī)的過程式程序設計語言一諸如“C”語言或類似的程序設計語言。程序代碼可以完全地在用戶計算設備上執(zhí)行、部分地在用戶設備上執(zhí)行、作為一個獨立的軟件包執(zhí)行、部分在用戶計算設備上部分在遠程計算設備上執(zhí)行、或者完全在遠程計算設備或服務器上執(zhí)行。在涉及遠