[發明專利]一種網頁工程文件生成方法、裝置、電子設備及存儲介質

在審

• 申請號: 202310274316.9
• 申請日: 2023-03-17
• 公開（公告）號: CN116301753A
• 公開（公告）日: 2023-06-23
• 發明（設計）人: 安寧寧;史婷婷;王金鵬
• 申請（專利權）人: 百度時代網絡技術（北京）有限公司
• 主分類號: G06F8/20
• 分類號: G06F8/20;G06F8/36;G06F16/958
• 代理公司: 北京柏杉松知識產權代理事務所(普通合伙) 11413
• 代理人: 孟維娜;高鶯然

本公開提供了一種網頁工程文件生成方法、裝置、電子設備及存儲介質，涉及數據處理技術領域，尤其涉及Web前端領域。具體實現方案為：調用網頁工程開發框架，創建網頁工程文件的模板文件；從網頁設計稿文件中提取第一網頁元素的第一屬性信息；基于所提取的第一屬性信息，從已封裝組件中，確定用于實現待生成的網頁工程文件中包含的網頁元素的目標組件；基于所提取的第一屬性信息，對所確定的目標組件進行信息設置；將設置信息后的目標組件嵌入所創建的模板文件中，生成網頁工程文件。應用本公開實施例提供的方案可以提高網頁工程文件的生成效率。

技術領域

本公開涉及數據處理技術領域，尤其涉及Web前端技術領域。

背景技術

在進行網頁開發時，一般先由設計人員向開發人員提供網頁設計稿，然后開發人員基于網頁設計稿進行代碼編寫，得到網頁工程文件。

當前可以先將網頁設計稿轉換為HTML(Hyper?Text?Markup?Language，超文本標記語言)文檔，然后開發人員基于HTML文檔編寫代碼，從而得到網頁工程文件。雖然上述HTML文檔包含與網頁設計稿相關的標注信息，可以為開發人員編寫代碼提供便利，但是依然需要開發人員編寫大量代碼才能得到網頁工程文件。

發明內容

本公開提供了一種網頁工程文件生成方法、裝置、電子設備及存儲介質。

根據本公開的一方面，提供了一種網頁工程文件生成方法，包括：

調用網頁工程開發框架，創建網頁工程文件的模板文件；

從網頁設計稿文件中提取第一網頁元素的第一屬性信息；

基于所提取的第一屬性信息，從已封裝組件中，確定用于實現待生成的網頁工程文件中包含的網頁元素的目標組件；

基于所提取的第一屬性信息，對所確定的目標組件進行信息設置；

將設置信息后的目標組件嵌入所創建的模板文件中，生成網頁工程文件。

根據本公開的另一方面，提供了一種網頁工程文件生成裝置，包括：

模板文件創建模塊，用于調用網頁工程開發框架，創建網頁工程文件的模板文件；

第一屬性信息提取模塊，用于從網頁設計稿文件中提取第一網頁元素的第一屬性信息；

目標組件確定模塊，用于基于所提取的第一屬性信息，從已封裝組件中，確定用于實現待生成的網頁工程文件中包含的網頁元素的目標組件；

信息設置模塊，用于基于所提取的第一屬性信息，對所確定的目標組件進行信息設置；

文件生成模塊，用于將設置信息后的目標組件嵌入所創建的模板文件中，生成網頁工程文件。

根據本公開的另一方面，提供了一種電子設備，包括：

至少一個處理器；以及

與所述至少一個處理器通信連接的存儲器；其中，

所述存儲器存儲有可被所述至少一個處理器執行的指令，所述指令被所述至少一個處理器執行，以使所述至少一個處理器能夠執行前述網頁工程文件生成方法。

根據本公開的另一方面，提供了一種存儲有計算機指令的非瞬時計算機可讀存儲介質，其中，所述計算機指令用于使所述計算機執行前述網頁工程文件生成方法。

根據本公開的另一方面，提供了一種計算機程序產品，包括計算機程序，所述計算機程序在被處理器執行時實現前述網頁工程文件生成方法。