[發(fā)明專利]頁面處理方法、裝置、計算機設(shè)備及存儲介質(zhì)

在審

• 申請?zhí)枺?/td>: 202111350297.0
• 申請日: 2021-11-15
• 公開（公告）號: CN113934425A
• 公開（公告）日: 2022-01-14
• 發(fā)明（設(shè)計）人: 黃康
• 申請（專利權(quán)）人: 平安普惠企業(yè)管理有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F16/901;G06F16/958
• 代理公司: 深圳市明日今典知識產(chǎn)權(quán)代理事務(wù)所(普通合伙) 44343
• 代理人: 王杰輝

本申請為頁面處理技術(shù)領(lǐng)域，本申請?zhí)峁┝艘环N頁面處理方法、裝置、計算機設(shè)備及存儲介質(zhì)，其中，所述方法包括：響應(yīng)于多頁面切換成單頁面的切換請求，判斷當前頁面項目中是否引入了vue?router庫文件，若是，根據(jù)切換請求的請求類型，確定頁面切換時的跳轉(zhuǎn)路徑的獲取方式，根據(jù)獲取方式獲取跳轉(zhuǎn)路徑，獲取單頁面包含的跳轉(zhuǎn)代碼，根據(jù)單頁面的跳轉(zhuǎn)代碼生成鏈表數(shù)據(jù)結(jié)構(gòu)，將鏈表數(shù)據(jù)結(jié)構(gòu)添加至跳轉(zhuǎn)路徑，得到目標跳轉(zhuǎn)路徑，根據(jù)目標跳轉(zhuǎn)路徑切換到單頁面，以完成多頁面自動切換到單頁面，操作簡單。

技術(shù)領(lǐng)域

本申請涉及頁面處理技術(shù)領(lǐng)域，具體而言，本申請涉及一種頁面處理方法、裝置、計算機設(shè)備及存儲介質(zhì)。

背景技術(shù)

當前前端vue框架項目中，由于前期出于搜索引擎優(yōu)化的原因，選擇了多頁面形式，但隨著服務(wù)器渲染SSR在項目中的普及，以及公司業(yè)務(wù)不再依賴于搜索引擎引導(dǎo)用戶點擊，多頁面的形式變得不再重要。由于多頁面存在頁面加載性能慢，每次跳轉(zhuǎn)新的頁面都需要初始化加載和解析靜態(tài)資源，操作繁瑣，用戶體驗也較差。

發(fā)明內(nèi)容

本申請的主要目的為提供一種頁面處理方法、裝置、計算機設(shè)備及存儲介質(zhì)，以簡化頁面切換流程，提高用戶體驗。

為了實現(xiàn)上述發(fā)明目的，本申請?zhí)峁┮环N頁面處理方法，其包括以下步驟：

響應(yīng)于多頁面切換成單頁面的切換請求，判斷當前頁面項目中是否引入了vue-router庫文件；

若是，根據(jù)所述切換請求的請求類型，確定頁面切換時的跳轉(zhuǎn)路徑的獲取方式，根據(jù)所述獲取方式獲取跳轉(zhuǎn)路徑；

獲取所述單頁面包含的跳轉(zhuǎn)代碼，根據(jù)所述單頁面的跳轉(zhuǎn)代碼生成鏈表數(shù)據(jù)結(jié)構(gòu)；其中，所述鏈表數(shù)據(jù)結(jié)構(gòu)包括多頁面的vue組件路徑和名稱、所述單頁面的vue組件路徑和名稱；

將所述鏈表數(shù)據(jù)結(jié)構(gòu)添加至所述跳轉(zhuǎn)路徑，得到目標跳轉(zhuǎn)路徑；

根據(jù)所述目標跳轉(zhuǎn)路徑切換至所述單頁面。

優(yōu)選地，所述判斷當前的頁面項目中是否引入了vue-router庫文件，包括：

獲取當前頁面項目中的package.json文件的dependencies對象；

判斷所述dependencies對象內(nèi)是否包含vue-router鍵值對；

若是，則判定當前項目引入了vue-router庫文件；

若否，則將所述vue-router庫文件引入當前頁面項目中。

進一步地，所述響應(yīng)于多頁面切換成單頁面的切換請求之前，還包括：

響應(yīng)于工具引入命令，定位當前頁面項目的根目錄及項目路徑；

根據(jù)所述項目路徑獲取工具，將所述工具加入到當前頁面項目的根目錄中；其中，所述工具用于響應(yīng)多頁面切換成單頁面的切換請求。

進一步地，所述將所述鏈表數(shù)據(jù)結(jié)構(gòu)添加至所述跳轉(zhuǎn)路徑，得到目標跳轉(zhuǎn)路徑之后，還包括：

根據(jù)所述鏈表數(shù)據(jù)結(jié)構(gòu)中單頁面的多個路由以及每個所述路由關(guān)聯(lián)的子路由，計算每個路由及其關(guān)聯(lián)的子路由總的資源文件大小；

當單個路由及其關(guān)聯(lián)的子路由的資源文件大小大于預(yù)設(shè)值時，查詢子路由中資源最大的一個，將最大子路由對應(yīng)組件的指向進行改寫，以將該子路由根據(jù)需要進行加載。

進一步地，所述根據(jù)所述目標跳轉(zhuǎn)路徑切換至所述單頁面之后，還包括：

響應(yīng)于用戶輸入的頁面恢復(fù)指令，根據(jù)所述頁面恢復(fù)指令從所述單頁面切換到所述多頁面，并對所述多頁面進行恢復(fù)。

優(yōu)選地，所述根據(jù)所述目標跳轉(zhuǎn)路徑切換至所述單頁面，包括：