[發明專利]頁面組件布局方法、裝置、電子設備及可讀存儲介質

在審

• 申請號: 202111375903.4
• 申請日: 2021-11-19
• 公開（公告）號: CN114201252A
• 公開（公告）日: 2022-03-18
• 發明（設計）人: 李典勝
• 申請（專利權）人: 北京三快在線科技有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 北京潤澤恒知識產權代理有限公司 11319
• 代理人: 任亞娟

1.一種頁面組件布局方法，其特征在于，包括：

在目標頁面內的目標位置處創建Flutter組件；

在所述Flutter組件中創建組件包裹器；

將目標web組件渲染至所述組件包裹器內，以完成頁面組件布局。

2.根據權利要求1所述的方法，其特征在于，在所述在目標頁面內的目標位置處創建Flutter組件之前，還包括：

獲取已創建的web組件；

定義所述web組件在所述目標頁面對應的編程語言內的調用指示信息。

3.根據權利要求1所述的方法，其特征在于，在所述在目標頁面內的目標位置處創建Flutter組件之后，還包括：

設置所述Flutter組件的顯示樣式和顯示屬性；

其中，所述顯示樣式包括：組件長度、組件寬度，所述顯示屬性包括：內邊距屬性。

4.根據權利要求1所述的方法，其特征在于，所述在所述Flutter組件中創建組件包裹器，包括：

基于所述目標頁面對應的編程語言，創建所述組件包裹器；

將所述組件包裹器裝載于所述Flutter組件內。

5.根據權利要求1所述的方法，其特征在于，所述將目標web組件渲染至所述組件包裹器內，以完成頁面組件布局，包括：

將所述目標web組件插入所述組件包裹器內；

渲染顯示所述目標web組件，以完成頁面組件布局。

6.一種頁面組件布局裝置，其特征在于，包括：

Flutter組件創建模塊，用于在目標頁面內的目標位置處創建Flutter組件；

組件包裹器創建模塊，用于在所述Flutter組件中創建組件包裹器；

Web組件渲染模塊，用于將目標web組件渲染至所述組件包裹器內，以完成頁面組件布局。

7.根據權利要求6所述的裝置，其特征在于，所述裝置還包括：

Web組件創建模塊，用于獲取已創建的web組件；

調用指示定義模塊，用于定義所述web組件在所述目標頁面對應的編程語言內的調用指示信息。

8.根據權利要求6所述的裝置，其特征在于，所述裝置還包括：

組件屬性設置模塊，用于設置所述Flutter組件的顯示樣式和顯示屬性；

其中，所述顯示樣式包括：組件長度、組件寬度，所述顯示屬性包括：內邊距屬性。

9.根據權利要求6所述的裝置，其特征在于，所述組件包裹器創建模塊包括：

組件包裹器創建單元，用于基于所述目標頁面對應的編程語言，創建所述組件包裹器；

組件包裹器裝載單元，用于將所述組件包裹器裝載于所述Flutter組件內。

10.根據權利要求6所述的裝置，其特征在于，所述Web組件渲染模塊包括：

Web組件插入單元，用于將所述目標web組件插入所述組件包裹器內；

Web組件渲染單元，用于渲染顯示所述目標web組件，以完成頁面組件布局。

11.一種電子設備，其特征在于，包括：

處理器、存儲器以及存儲在所述存儲器上并可在所述處理器上運行的計算機程序，所述處理器執行所述程序時實現如權利要求1至5中任一項所述的頁面組件布局方法。

12.一種可讀存儲介質，其特征在于，當所述存儲介質中的指令由電子設備的處理器執行時，使得電子設備能夠執行如方法權利要求1至5中任一項所述的頁面組件布局方法。