[發明專利]移動端頁面代碼生成方法及裝置

在審

• 申請號: 202110958873.3
• 申請日: 2021-08-20
• 公開（公告）號: CN113656031A
• 公開（公告）日: 2021-11-16
• 發明（設計）人: 徐曉健;嚴潔;欒英英;程慶瑩;李福洋;童楚婕;董妍;李書源
• 申請（專利權）人: 中國銀行股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/35
• 代理公司: 北京三友知識產權代理有限公司 11127
• 代理人: 薛平;周曉飛

1.一種移動端頁面代碼生成方法，其特征在于，包括：

構建基礎組件代碼庫，所述基礎組件代碼庫包括移動端頁面UI圖中的組件的代碼；

獲取移動端頁面UI圖，對移動端頁面UI圖進行標注，標注出移動端頁面UI圖中的組件類型、組件位置、文本信息及文本位置；

基于組件類型和組件位置訓練組件識別定位模型，基于文本信息及文本位置訓練組件文本內容檢測模型，獲得已訓練組件識別定位模型和已訓練組件文本內容檢測模型；

利用已訓練組件識別定位模型檢測待生成移動端頁面UI圖，得到待生成移動端頁面UI圖中所有組件的類型和位置，基于所有組件的類型和位置得到待生成移動端頁面UI圖的組件布局邏輯信息；利用已訓練組件文本內容檢測模型檢測待生成移動端頁面UI圖，得到文本信息和文本位置；

利用所有組件的類型和位置，從基礎組件代碼庫中提取對應的代碼，按照組件布局邏輯信息進行填充；結合所有組件的位置和文本位置，將文本信息填充到對應組件中，生成移動端頁面代碼。

2.如權利要求1所述的移動端頁面代碼生成方法，其特征在于，構建基礎組件代碼庫，包括：

對移動端頁面UI圖中的構成元素進行集中化處理，形成多個由移動端頁面UI圖中的構成元素組成的組件，針對每個組件，編寫代碼，形成基礎組件代碼庫。

3.如權利要求1所述的移動端頁面代碼生成方法，其特征在于，還包括：

對標注出的移動端頁面UI圖中的組件類型、組件位置、文本信息及文本位置進行數據增強。

4.如權利要求1所述的移動端頁面代碼生成方法，其特征在于，基于所有組件的類型和位置得到待生成移動端頁面UI圖的組件布局邏輯信息，包括：

基于所有組件的類型和位置確定所有組件在移動端頁面UI圖中的上下關系。

5.一種移動端頁面代碼生成裝置，其特征在于，包括：

基礎組件代碼庫構建模塊，用于構建基礎組件代碼庫，所述基礎組件代碼庫包括移動端頁面UI圖中的組件的代碼；

數據預處理模塊，用于獲取移動端頁面UI圖，對移動端頁面UI圖進行標注，標注出移動端頁面UI圖中的組件類型、組件位置、文本信息及文本位置；

模型構建模塊，用于基于組件類型和組件位置訓練組件識別定位模型，基于文本信息及文本位置訓練組件文本內容檢測模型，獲得已訓練組件識別定位模型和已訓練組件文本內容檢測模型；

UI圖信息提取模塊，用于利用已訓練組件識別定位模型檢測待生成移動端頁面UI圖，得到待生成移動端頁面UI圖中所有組件的類型和位置，基于所有組件的類型和位置得到待生成移動端頁面UI圖的組件布局邏輯信息；利用已訓練組件文本內容檢測模型檢測待生成移動端頁面UI圖，得到文本信息和文本位置；

代碼生成模塊，用于利用所有組件的類型和位置，從基礎組件代碼庫中提取對應的代碼，按照組件布局邏輯信息進行填充；結合所有組件的位置和文本位置，將文本信息填充到對應組件中，生成移動端頁面代碼。

6.如權利要求5所述的移動端頁面代碼生成裝置，其特征在于，基礎組件代碼庫構建模塊具體用于：

對移動端頁面UI圖中的構成元素進行集中化處理，形成多個由UI圖移動端頁面UI圖中的構成元素組成的組件，針對每個組件，編寫代碼，形成基礎組件代碼庫。

7.如權利要求5所述的移動端頁面代碼生成裝置，其特征在于，數據預處理模塊具體用于：

對標注出的移動端頁面UI圖中的組件類型、組件位置、文本信息及文本位置進行數據增強。

8.如權利要求5所述的移動端頁面代碼生成裝置，其特征在于，UI圖信息提取模塊具體用于：

基于所有組件的類型和位置確定所有組件在移動端頁面UI圖中的上下關系。

9.一種計算機設備，包括存儲器、處理器及存儲在存儲器上并可在處理器上運行的計算機程序，其特征在于，所述處理器執行所述計算機程序時實現權利要求1至4任一所述移動端頁面代碼生成方法。

10.一種計算機可讀存儲介質，其上存儲有計算機程序，其特征在于，該程序被處理器執行時實現權利要求1至4任一所述移動端頁面代碼生成方法的步驟。