[發明專利]頁面的顯示方法、裝置、電子設備及存儲介質

在審

• 申請號: 202210901276.1
• 申請日: 2022-07-28
• 公開（公告）號: CN115203615A
• 公開（公告）日: 2022-10-18
• 發明（設計）人: 曹金輝;李紹斌;黎清顧;曹林
• 申請（專利權）人: 珠海格力電器股份有限公司;珠海聯云科技有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F16/957;G06F9/451
• 代理公司: 北京聿宏知識產權代理有限公司 11372
• 代理人: 李愛軍;陳超德

本申請實施例提供了一種頁面的顯示方法、裝置、電子設備及存儲介質，涉及計算機技術領域，通過在打開頁面的情況下，獲取到針對頁面組件中目標頁面組件的選擇操作的情況下，從服務器獲取目標頁面組件對應的顯示數據，基于顯示數據渲染目標頁面組件，實現按需請求數據，自動展示相應內容，來對頁面進行渲染，以克服了相關技術中瀏覽器資源浪費的問題。

技術領域

本申請涉及計算機技術領域，具體涉及一種頁面的顯示方法、裝置、電子設備及存儲介質。

背景技術

在相關技術中，編寫頁面的方式將屬性名稱寫死，在生命周期中為屬性重新賦值，或將頁面的所有組件都在一次請求的時候將所有組件都加載到當前程序中，目的是為了讓用戶有一種正在使用本地應用程序的體驗。但這種做法會造成一旦服務器修改數據字段當前頁面就要更換相應的字段，會導致瀏覽器的性能受到影響。

發明內容

鑒于上述問題，本申請提供一種頁面的顯示方法、裝置、電子設備及存儲介質，以至少解決相關技術中存在的問題。

第一方面，本申請實施例提供了一種頁面的顯示方法，包括：

在打開頁面的情況下，顯示所述頁面，其中，所述頁面中包括：頁面組件；

在獲取到針對所述頁面組件中目標頁面組件的選擇操作的情況下，從服務器獲取目標頁面組件對應的顯示數據；

基于所述顯示數據渲染所述目標頁面組件。

在一實施例中，所述頁面的顯示方法還包括：

構建所述頁面的布局框架；

在所述布局框架中添加頁面組件，并將所述頁面組件的顯示變量設置為響應式數據；

獲取頁面組件對應的顯示數據；

建立各個頁面組件的顯示變量與所述顯示數據的對應關系，并定義所述頁面的ID，以通過所述ID打開所述頁面。

在一實施例中，上述建立各個頁面組件的顯示變量與所述顯示數據的對應關系，包括：

初始化響應式寫入的各個顯示變量；

基于生命周期函數調用接口獲取各個顯示變量對應的顯示數據；

將所述顯示數據存儲至所述顯示變量中，以建立所述各個頁面組件的顯示變量與所述顯示數據的對應關系。

在一實施例中，頁面組件包括文檔對象模型，基于所述顯示數據渲染所述目標頁面組件，包括：

將所述顯示數據通過數組遍歷處理以確認對應的文檔對象模型；

在所述目標頁面組件顯示所述文檔對象模型。

在一實施例中，頁面組件包括文檔對象模型，基于所述顯示數據渲染所述目標頁面組件，包括：

將所述顯示數據通過數組過濾處理得到分類數組數據；

基于所述分類數組數據確定分類字段；

基于所述分類字段在所述目標頁面組件顯示所述分類字段對應的所述文檔對象模型。

在一實施例中，上述頁面的顯示方法，還包括：

將所述頁面組件封裝為動態組件，其中，所述頁面組件的顯示的變量是基于所述響應式的變量來定義的。

第二方面，本申請實施例提供了一種頁面的顯示裝置，包括：顯示模塊，用于在打開頁面的情況下，顯示所述頁面，其中，所述頁面中包括：頁面組件。獲取模塊，用于在獲取到針對所述頁面組件中目標頁面組件的選擇操作的情況下，從服務器獲取目標頁面組件對應的顯示數據。渲染模塊，用于基于所述顯示數據渲染所述目標頁面組件。