[發(fā)明專利]一種生成前端代碼的方法及裝置

有效

• 申請?zhí)枺?/td>: 202111335972.2
• 申請日: 2021-11-12
• 公開（公告）號: CN113779482B
• 公開（公告）日: 2022-02-25
• 發(fā)明（設計）人: 姜旭;楊歡;李鈿;鄒永強;楊暉
• 申請（專利權）人: 云賬戶技術（天津）有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F8/30;G06V10/44;G06V10/75;G06V10/774;G06V10/764;G06V10/82;G06K9/62;G06N3/04;G06N3/08
• 代理公司: 北京銀龍知識產(chǎn)權代理有限公司 11243
• 代理人: 陳麗寧

1.一種生成前端代碼的方法，其特征在于，包括：

接收用戶輸入的網(wǎng)頁圖像信息；

采用圖像識別模型對所述網(wǎng)頁圖像信息的特征進行提取，獲得特征提取結果，根據(jù)所述特征提取結果生成至少一個待處理區(qū)域，并根據(jù)所述特征提取結果確定所述待處理區(qū)域的種類；所述待處理區(qū)域的種類包括以下至少一項：用戶信息區(qū)域、橫幅圖區(qū)域、圖文內容區(qū)域、評論區(qū)以及相關內容推薦區(qū)；

對所述待處理區(qū)域的邊緣進行定位，獲取所述待處理區(qū)域的位置標記信息；

獲取網(wǎng)頁組件庫中的組件，根據(jù)所述組件的組件屬性與待處理區(qū)域的種類進行匹配，將所述組件設置在所述待處理區(qū)域的位置標記信息的對應位置中，并根據(jù)所述組件屬性和所述待處理區(qū)域的位置標記信息生成所述組件對應的組件代碼；所述組件庫中的組件包括：通用組件、布局組件、導航組件、數(shù)據(jù)錄入組件和數(shù)據(jù)展示組件；所述通用組件包括以下至少一項：按鈕、圖標和排版；所述布局組件包括以下至少一項：分割線、柵格、布局和間距；所述導航組件包括以下至少一項：固釘、面包屑、下拉菜單、導航菜單、頁頭、分頁和步驟條；所述數(shù)據(jù)錄入組件包括以下至少一項：自動完成、級聯(lián)選擇、多選框、日期選擇框、表單、輸入框、數(shù)字輸入框、提及、單選框、評分、選擇器、滑動輸入條、開關、時間選擇框、穿梭框、樹選擇和上傳；所述數(shù)據(jù)展示組件包括以下至少一項：頭像、徽標數(shù)、日歷、卡片、走馬燈、折疊面板、評論、描述列表、空狀態(tài)、圖片、列表、氣泡卡片、統(tǒng)計數(shù)值、表格、標簽頁、標簽和時間軸；根據(jù)當前應用場景確定具體組件使用方式，所述組件代碼根據(jù)具體組件使用方式生成；

所述接收用戶輸入的圖像信息之前還包括：

對所述圖像識別模型進行訓練；

其中，所述對所述圖像識別模型進行訓練包括：

獲取訓練圖像集和測試圖像集；所述訓練圖像為包括位置標記信息和組件屬性的網(wǎng)頁圖像；所述測試圖像為無位置標記信息和組件屬性的圖像；

將所述訓練圖像輸入至待訓練的圖像識別模型中進行訓練，根據(jù)訓練結果優(yōu)化所述圖像識別模型的參數(shù)；其中，所述圖像識別模型采用卷積神經(jīng)網(wǎng)絡和前后向長短時記憶網(wǎng)絡對所述訓練圖像進行訓練；

采用所述測試圖像對優(yōu)化后的所述圖像識別模型進行測試，根據(jù)測試結果判斷優(yōu)化后的圖像識別模型是否符合預期，如果是，停止訓練，否則，返回將所述訓練圖像輸入至待訓練的圖像識別模型中進行訓練的步驟，繼續(xù)進行訓練。

2.根據(jù)權利要求1所述的生成前端代碼的方法，其特征在于，

所述待處理區(qū)域的種類包括以下至少一項：用戶信息區(qū)域、橫幅圖區(qū)域、圖文內容區(qū)域和評論區(qū)。

3.根據(jù)權利要求1所述的生成前端代碼的方法，其特征在于，

所述組件庫中的組件的配置包括以下至少一項：組件標簽、組件屬性和組件擴展功能。

4.根據(jù)權利要求3所述的生成前端代碼的方法，其特征在于，

所述組件庫中的組件包括以下至少一項：通用組件、布局組件、導航組件、數(shù)據(jù)錄入組件和數(shù)據(jù)展示組件。