[發明專利]頁面管理方法、系統、電子設備和存儲介質

在審

• 申請號: 202210608561.4
• 申請日: 2022-05-31
• 公開（公告）號: CN114968209A
• 公開（公告）日: 2022-08-30
• 發明（設計）人: 王昊宇;李冬冬;曾斌斌;蔣瑞;陳偉宏;王堯波;雷晟
• 申請（專利權）人: 攜程旅游信息技術（上海）有限公司
• 主分類號: G06F8/30
• 分類號: G06F8/30
• 代理公司: 上海隆天律師事務所 31282
• 代理人: 徐莉;鐘宗

本發明涉及頁面開發技術領域，提供一種頁面管理方法、系統、電子設備和存儲介質。頁面管理方法應用于基于跨平臺移動應用開發框架RN開發的多頁面結構，包括：響應于頁面調用請求，解析所述頁面調用請求的調用參數，獲得所述調用參數對應的目標具體策略類；所述多頁面結構基于策略模式，配置有多個具體策略類，每個所述具體策略類中配置對應RN頁面的頁面邏輯；調用所述目標具體策略類和所述多頁面結構的視圖組件，所述視圖組件中配置所述多頁面結構的顯示樣式；根據所述目標具體策略類中配置的頁面邏輯和所述顯示樣式，加載生成目標RN頁面。本發明能夠實現多RN頁面的邏輯解耦，以及RN頁面的高效加載等管理流程，實現對多RN頁面的有效管理。

技術領域

本發明涉及頁面開發技術領域，具體地說，涉及一種頁面管理方法、系統、電子設備和存儲介質。

背景技術

React Native(簡稱RN)是一種跨平臺移動應用開發框架，支持iOS(一種移動操作系統)和Android(一種移動操作系統)兩大平臺，具有豐富的UI(User Interface，用戶界面)體驗效果，已成為一種流行的移動開發技術，越來越多的移動應用使用RN進行頁面開發。

目前針對RN頁面的管理，在多RN頁面的情況(例如直播場景)下，通過一個Manager(管理者)對象管理所有的RN頁面，存在如下問題：所有RN頁面的邏輯混寫在一起，不僅代碼冗余，導致對每個RN頁面需要單獨寫一遍基礎邏輯，而且不便于維護和擴展，每次修改一RN頁面需要對每處邏輯進行改動，每次新增一RN頁面需要新寫一遍基礎邏輯，此外耦合嚴重，導致頁面調用復雜，影響客戶端性能。

可見，目前的RN頁面管理方式，無法實現對多RN頁面的有效管理。

需要說明的是，上述背景技術部分公開的信息僅用于加強對本發明的背景的理解，因此可以包括不構成對本領域普通技術人員已知的現有技術的信息。

發明內容

有鑒于此，本發明提供一種頁面管理方法、系統、電子設備和存儲介質，至少基于策略模式，將各RN頁面的邏輯配置在不同的策略類中，使各RN頁面具有內聚在自身策略類中的獨立邏輯，不與其他業務邏輯耦合，實現各RN頁面的邏輯獨立，不僅避免代碼冗余，提升開發效率，也便于后續維護和擴展，降低維護成本；此外，客戶端在加載RN頁面時，無需關注具體的頁面邏輯，傳入調用參數即可調用對應的策略類，基于調用的策略類和多頁面結構的視圖組件，能夠高效地加載生成目標RN頁面，提升客戶端的性能體驗，實現對多RN頁面的有效管理。

根據本發明的一個方面，提供一種頁面管理方法，應用于基于跨平臺移動應用開發框架RN開發的多頁面結構，所述頁面管理方法包括：響應于頁面調用請求，解析所述頁面調用請求的調用參數，獲得所述調用參數對應的目標具體策略類；所述多頁面結構基于策略模式，配置有多個具體策略類，每個所述具體策略類中配置對應RN頁面的頁面邏輯；調用所述目標具體策略類和所述多頁面結構的視圖組件，所述視圖組件中配置所述多頁面結構的顯示樣式；根據所述目標具體策略類中配置的頁面邏輯和所述顯示樣式，加載生成目標RN頁面。

在一些實施例中，所述多頁面結構還配置有上下文組件，所述上下文組件依賴所述視圖組件和各所述具體策略類；所述上下文組件中，基于工廠模式，配置有調用參數與具體策略類之間的映射關系。

在一些實施例中，所述目標具體策略類中配置的頁面邏輯包括：所述目標RN頁面的加載邏輯、回調邏輯、移除邏輯和刷新邏輯。

在一些實施例中，所述多頁面結構還配置有抽象策略類，各所述具體策略類繼承所述抽象策略類。

在一些實施例中，所述的頁面管理方法還包括：響應于策略新增請求，在所述多頁面結構中配置新增的具體策略類，使所述新增的具體策略類繼承所述多頁面結構的抽象策略類，并使所述多頁面結構的上下文組件依賴所述新增的具體策略類。

在一些實施例中，所述的頁面管理方法還包括：響應于策略修改請求，修改所述多頁面結構中對應的具體策略類。