[發明專利]一種單頁面路由引擎方法、裝置、電子設備和存儲介質

在審

• 申請號: 202110714259.2
• 申請日: 2021-06-25
• 公開（公告）號: CN113438167A
• 公開（公告）日: 2021-09-24
• 發明（設計）人: 方劍;謝如棟;徐夫明;夏蕓;陳云
• 申請（專利權）人: 杭州遙望網絡科技有限公司
• 主分類號: H04L12/721
• 分類號: H04L12/721;H04L29/08;G06F16/958
• 代理公司: 北京集佳知識產權代理有限公司 11227
• 代理人: 豆貝貝

本申請公開了一種單頁面路由引擎方法、裝置、電子設備和存儲介質，該方法包括：當監聽到路由路徑發生變化時，在路由狀態管理庫中的路由注冊表中查看當前路由是否被注冊；若路由注冊表中注冊有當前路由，則將當前路由和頁面內各個路由組件的路由路徑進行匹配；確定匹配成功的路由路徑對應的目標路由組件，并將目標路由組件的文檔流節點元素生成的顯示框框類型更改為塊級元素，頁面內的其他路由組件的文檔流節點元素生成的顯示框框類型更改為不被顯示。該方法能夠實現單頁面內的路由切換，無需頻繁卸載掛載文檔節點，由于是通過設置頁面的隱藏狀態來實現路由切換并未卸載頁面組件，還能保留頁面操作痕跡。

技術領域

本申請涉及路由引擎技術領域，特別涉及一種單頁面路由引擎方法、裝置、電子設備和計算機可讀存儲介質。

背景技術

目前的前端單頁面應用，在切換網站/站點的路由時在頁面的文檔中不斷的卸載和掛載該頁面的文檔節點，達到路由的切換效果，該方式無法像使用軟件，比如使用瀏覽器軟件那樣，切換不同的頁面，都能保留頁面的操作痕跡，這是動態頁面的缺點，但是由于要保留動態站點的優勢，因此也不能直接用靜態化的頁面，同時也需要模擬出靜態化效果。

因此，如何實現路由切換過程中避免頻繁卸載掛載文檔節點，且需要保留頁面操作痕跡是本領域技術人員需要面對的技術問題。

發明內容

本申請的目的是提供一種單頁面路由引擎方法、裝置、電子設備和計算機可讀存儲介質，能夠實現單頁面內的路由切換，無需頻繁卸載掛載文檔節點，還能保留頁面操作痕跡。其具體方案如下：

第一方面，本申請公開了一種單頁面路由引擎方法，包括：

當監聽到路由路徑發生變化時，在路由狀態管理庫中的路由注冊表中查看當前路由是否被注冊；

若所述路由注冊表中注冊有所述當前路由，則將所述當前路由和頁面內各個路由組件的路由路徑進行匹配；

確定匹配成功的路由路徑對應的目標路由組件，并將所述目標路由組件的文檔流節點元素生成的顯示框框類型更改為塊級元素，所述頁面內的其他路由組件的文檔流節點元素生成的顯示框框類型更改為不被顯示，以顯示所述目標路由組件對應的頁面，隱藏所述頁面內的其他路由組件對應的頁面。

可選的，所述確定匹配成功的路由路徑對應的目標路由組件，并將所述目標路由組件的文檔流節點元素生成的顯示框框類型更改為塊級元素，所述頁面內的其他路由組件的文檔流節點元素生成的顯示框框類型更改為不被顯示，包括：

確定所述匹配成功的路由路徑對應的目標路由組件，利用CSS將所述目標路由組件的文檔流節點元素生成的顯示框框類型更改為所述塊級元素，將所述頁面內的其他路由組件的文檔流節點元素生成的顯示框框類型更改為不被顯示。

可選的，在所述確定匹配成功的路由路徑對應的目標路由組件，并將所述目標路由組件的文檔流節點元素生成的顯示框框類型更改為塊級元素，所述頁面內的其他路由組件的文檔流節點元素生成的顯示框框類型更改為不被顯示之前，還包括：

判斷所述路由狀態管理庫中的歷史路由信息中保存的被切換的路由組件的數量是否超過預設閾值；

若是，則刪除所述歷史路由信息中的第一條路由組件，并將與所述當前路由匹配成功的所述目標路由組件加入所述歷史路由信息，以更新所述歷史路由信息；

若否，則執行所述確定匹配成功的路由路徑對應的目標路由組件，并將所述目標路由組件的文檔流節點元素生成的顯示框框類型更改為塊級元素，所述頁面內的其他路由組件的文檔流節點元素生成的顯示框框類型更改為不被顯示的步驟。

可選的，還包括：

當接收到路由組件注冊指令時，將所述路由組件注冊指令對應的指定路由組件以及所述指定路由組件的路由路徑添加到所述路由注冊表，以更新所述路由狀態管理庫的狀態數據。