[發(fā)明專(zhuān)利]一種代碼生成方法和電子設(shè)備

在審

• 申請(qǐng)?zhí)枺?/td>: 201810620404.9
• 申請(qǐng)日: 2018-06-15
• 公開(kāi)（公告）號(hào): CN108804093A
• 公開(kāi)（公告）日: 2018-11-13
• 發(fā)明（設(shè)計(jì)）人: 郝瑞祥
• 申請(qǐng)（專(zhuān)利權(quán)）人: 聯(lián)想（北京）有限公司
• 主分類(lèi)號(hào): G06F8/30
• 分類(lèi)號(hào): G06F8/30;G06F17/30
• 代理公司: 北京集佳知識(shí)產(chǎn)權(quán)代理有限公司 11227
• 代理人: 王寶筠

本申請(qǐng)?zhí)峁┝艘环N代碼生成方法，包括：獲取設(shè)計(jì)圖，所述設(shè)計(jì)圖是設(shè)計(jì)人員針對(duì)目標(biāo)設(shè)計(jì)網(wǎng)頁(yè)繪制的圖片；識(shí)別設(shè)計(jì)圖中的背景，根據(jù)所述背景生成對(duì)應(yīng)的背景代碼；識(shí)別所述設(shè)計(jì)圖中的關(guān)鍵元素，生成與所述關(guān)鍵元素對(duì)應(yīng)的元素代碼；基于所述背景代碼和所述元素代碼，生成網(wǎng)頁(yè)代碼。采用該方法，分別自動(dòng)對(duì)設(shè)計(jì)圖的背景以及關(guān)鍵因素生成相應(yīng)的代碼，無(wú)需人工進(jìn)行編碼，降低了人工工作量。

技術(shù)領(lǐng)域

本申請(qǐng)涉及電子設(shè)備領(lǐng)域，更具體的說(shuō)，是涉及一種代碼生成方法和電子設(shè)備。

背景技術(shù)

隨著電子技術(shù)的發(fā)展，目前，越來(lái)越多的網(wǎng)站出現(xiàn)，而現(xiàn)在的網(wǎng)站開(kāi)發(fā)通常可以分為兩部分：一部分是后端開(kāi)發(fā)；另外一部分是前端開(kāi)發(fā)。

其中，前端開(kāi)發(fā)的輸入一般是設(shè)計(jì)人員給出的設(shè)計(jì)圖片，前端人員需要根據(jù)設(shè)計(jì)圖片來(lái)編寫(xiě)HTML(Hyper Text Markup Language，超文本標(biāo)記語(yǔ)言)和CSS(CascadingStyle Sheets，層疊樣式表)代碼來(lái)實(shí)現(xiàn)設(shè)計(jì)效果，但是，現(xiàn)有技術(shù)中采用的人工根據(jù)設(shè)計(jì)圖片進(jìn)行編碼方法，工作的工作量比較大。

發(fā)明內(nèi)容

有鑒于此，本申請(qǐng)?zhí)峁┝艘环N代碼生成方法，解決了現(xiàn)有技術(shù)中人工根據(jù)設(shè)計(jì)圖片進(jìn)行編碼的方法導(dǎo)致工作量較大的問(wèn)題。

為實(shí)現(xiàn)上述目的，本申請(qǐng)?zhí)峁┤缦录夹g(shù)方案：

一種代碼生成方法，包括：

獲取設(shè)計(jì)圖，所述設(shè)計(jì)圖是設(shè)計(jì)人員針對(duì)目標(biāo)設(shè)計(jì)網(wǎng)頁(yè)繪制的圖片；

識(shí)別設(shè)計(jì)圖中的背景，根據(jù)所述背景生成對(duì)應(yīng)的背景代碼；

識(shí)別所述設(shè)計(jì)圖中的關(guān)鍵元素，生成與所述關(guān)鍵元素對(duì)應(yīng)的元素代碼；

基于所述背景代碼和所述元素代碼，生成網(wǎng)頁(yè)代碼。

上述的方法，優(yōu)選的，所述識(shí)別所述設(shè)計(jì)圖中的關(guān)鍵元素，生成與所述關(guān)鍵元素對(duì)應(yīng)的元素代碼，包括：

依據(jù)預(yù)設(shè)的訓(xùn)練模型識(shí)別設(shè)計(jì)圖中的關(guān)鍵元素；

依據(jù)預(yù)設(shè)的分類(lèi)規(guī)則對(duì)關(guān)鍵元素進(jìn)行分類(lèi)，得到類(lèi)別；

分析所述設(shè)計(jì)圖得到所述關(guān)鍵元素的屬性；

基于預(yù)設(shè)的代碼列表，獲取與所述類(lèi)別和屬性對(duì)應(yīng)的元素代碼。

上述的方法，優(yōu)選的，所述依據(jù)預(yù)設(shè)的訓(xùn)練模型識(shí)別設(shè)計(jì)圖中的關(guān)鍵元素，包括：

依據(jù)預(yù)設(shè)的切片規(guī)則，對(duì)所述設(shè)計(jì)圖進(jìn)行切片；

依據(jù)切片的結(jié)果表征第一閉合范圍中對(duì)應(yīng)同一內(nèi)容，分析得到所述內(nèi)容對(duì)應(yīng)一關(guān)鍵元素；

依據(jù)所述第一閉合范圍的數(shù)值，分析得到所述關(guān)鍵元素。

上述的方法，優(yōu)選的，所述分析所述設(shè)計(jì)圖得到所述關(guān)鍵元素的屬性，包括：

基于所述第一閉合范圍中對(duì)應(yīng)同一內(nèi)容，分析得到所述關(guān)鍵元素的屬性。

上述的方法，優(yōu)選的，所述獲取設(shè)計(jì)圖之前，還包括：

建立預(yù)設(shè)關(guān)鍵元素與預(yù)設(shè)元素代碼之間的對(duì)應(yīng)關(guān)系，得到代碼列表，所述預(yù)設(shè)元素代碼中的類(lèi)別參數(shù)和屬性參數(shù)可調(diào)。

一種電子設(shè)備，包括：

本體；

設(shè)置于所述本體中的處理器，用于獲取設(shè)計(jì)圖，所述設(shè)計(jì)圖是設(shè)計(jì)人員針對(duì)目標(biāo)設(shè)計(jì)網(wǎng)頁(yè)繪制的圖片；識(shí)別設(shè)計(jì)圖中的背景，根據(jù)所述背景生成對(duì)應(yīng)的背景代碼；識(shí)別所述設(shè)計(jì)圖中的關(guān)鍵元素，生成與所述關(guān)鍵元素對(duì)應(yīng)的元素代碼；基于所述背景代碼和所述元素代碼，生成網(wǎng)頁(yè)代碼。

上述的電子設(shè)備，優(yōu)選的，所述處理器具體用于：