本發(fā)明涉及計(jì)算機(jī)，具體地涉及一種確定圖像代碼的方法、系統(tǒng)、設(shè)備及存儲(chǔ)介質(zhì)。

背景技術(shù)：

1、在當(dāng)前企業(yè)信息化高速發(fā)展的背景下，隨著公司業(yè)務(wù)規(guī)模的不斷擴(kuò)大與復(fù)雜化，對各類管理系統(tǒng)及子系統(tǒng)的需求日益增長，尤其是那些聚焦于數(shù)據(jù)可視化、報(bào)表展示及大屏監(jiān)控等方向的應(yīng)用系統(tǒng)，成為了提升企業(yè)運(yùn)營效率、增強(qiáng)決策支持能力的關(guān)鍵工具。

2、傳統(tǒng)的前端開發(fā)流程中，面對多樣化的設(shè)計(jì)稿，開發(fā)者通常需要手動(dòng)將設(shè)計(jì)轉(zhuǎn)化為超文本標(biāo)記語言、層疊樣式表及腳本代碼，這一過程不僅耗時(shí)耗力，而且極易因人為因素導(dǎo)致代碼質(zhì)量參差不齊，進(jìn)而影響到最終產(chǎn)品的用戶體驗(yàn)與性能表現(xiàn)。尤其是在處理復(fù)雜的數(shù)據(jù)可視化組件、動(dòng)態(tài)交互效果以及大屏布局時(shí)，重復(fù)編寫基礎(chǔ)樣式和邏輯代碼的問題尤為突出，極大地降低了開發(fā)效率。

3、此外，還可以通過將整體設(shè)計(jì)稿圖像進(jìn)行圖像相似度匹配，確定與之匹配的候選圖像，進(jìn)而映射至候選圖像中的各個(gè)控件代碼，從而形成對應(yīng)的目標(biāo)代碼。但隨著項(xiàng)目規(guī)模的擴(kuò)大，設(shè)計(jì)稿的迭代速度也在加快，傳統(tǒng)的代碼生成方式往往難以跟上設(shè)計(jì)變更的步伐，導(dǎo)致開發(fā)周期延長，甚至可能出現(xiàn)設(shè)計(jì)與實(shí)現(xiàn)脫節(jié)的情況。更為關(guān)鍵的是，現(xiàn)有的自動(dòng)化工具在解析設(shè)計(jì)稿并生成代碼時(shí)，往往缺乏足夠的靈活性和準(zhǔn)確性，難以滿足開發(fā)者對于特定組件定制化的需求，也無法有效支持后續(xù)的代碼糾正與預(yù)覽工作。

技術(shù)實(shí)現(xiàn)思路

1、本發(fā)明的目的之一在于提供一種確定圖像代碼的方法，以解決現(xiàn)有技術(shù)中基于完整圖像相似度進(jìn)行代碼匹配時(shí)，易忽略圖像中的局部差異，影響匹配精度和匹配效率的技術(shù)問題。

2、本發(fā)明的目的之一在于提供一種確定圖像代碼的系統(tǒng)。

3、本發(fā)明的目的之一在于提供一種制冷設(shè)備。

4、本發(fā)明的目的之一在于提供一種計(jì)算機(jī)存儲(chǔ)介質(zhì)。

5、為了實(shí)現(xiàn)上述發(fā)明目的之一，本發(fā)明提供一種確定圖像代碼的方法，包括：接收來自客戶端傳輸?shù)拇D(zhuǎn)換的頁面圖像；對所述頁面圖像進(jìn)行網(wǎng)格劃分，并提取所有網(wǎng)格子區(qū)域內(nèi)局部頁面圖像的特征，得到若干目標(biāo)子特征；基于預(yù)設(shè)知識庫，對若干目標(biāo)子特征執(zhí)行匹配，確定與所述頁面圖像匹配的目標(biāo)代碼。

6、作為本發(fā)明一實(shí)施方式的進(jìn)一步改進(jìn)，所述對若干目標(biāo)子特征執(zhí)行匹配，確定與所述頁面圖像匹配的目標(biāo)代碼，包括：基于級聯(lián)匹配方法，確定預(yù)設(shè)知識庫中與目標(biāo)子特征匹配的候選子特征，根據(jù)所述候選子特征確定對應(yīng)的目標(biāo)代碼。

7、作為本發(fā)明一實(shí)施方式的進(jìn)一步改進(jìn)，所述基于級聯(lián)匹配方法，確定預(yù)設(shè)知識庫中與目標(biāo)子特征匹配的候選子特征，包括：基于第一目標(biāo)子特征與預(yù)設(shè)知識庫中的候選子特征的相似度，確定第一候選特征集；基于第二目標(biāo)子特征與所述第一候選特征集中的候選子特征的相似度，確定第二候選特征集；基于所述第二候選特征集，迭代確定與其他目標(biāo)子特征匹配的候選子特征，直到所有目標(biāo)子特征的相似度均滿足設(shè)定條件，確定最終的候選子特征。

8、作為本發(fā)明一實(shí)施方式的進(jìn)一步改進(jìn)，所述基于級聯(lián)匹配方法，確定預(yù)設(shè)知識庫中與目標(biāo)子特征匹配的候選子特征，包括:獲取預(yù)設(shè)知識庫中的所有數(shù)據(jù)塊，每個(gè)數(shù)據(jù)塊均指向?qū)?yīng)候選頁面圖像的網(wǎng)格劃分信息，所述網(wǎng)格劃分信息包括所述候選頁面圖像網(wǎng)格劃分后的若干候選子特征；為每個(gè)數(shù)據(jù)塊構(gòu)建對應(yīng)的索引，并將對應(yīng)的若干候選子特征加入至索引中，形成若干特征索引；基于所述特征索引，對目標(biāo)子特征執(zhí)行相似性搜索，確定相似度滿足預(yù)設(shè)條件的候選子特征。

9、作為本發(fā)明一實(shí)施方式的進(jìn)一步改進(jìn)，所述對若干目標(biāo)子特征執(zhí)行匹配，確定與所述頁面圖像匹配的目標(biāo)代碼，包括：基于每個(gè)目標(biāo)子特征與預(yù)設(shè)知識庫中的候選子特征的相似度，確定對應(yīng)的若干候選特征集；根據(jù)所有候選特征集的交集，確定對應(yīng)的目標(biāo)代碼。

10、作為本發(fā)明一實(shí)施方式的進(jìn)一步改進(jìn)，所述根據(jù)所有候選特征集的交集，確定對應(yīng)的目標(biāo)代碼，包括：合并交集結(jié)果中所有候選子特征對應(yīng)的候選子代碼，形成所述目標(biāo)代碼。

11、作為本發(fā)明一實(shí)施方式的進(jìn)一步改進(jìn)，在所述確定與所述頁面圖像匹配的目標(biāo)代碼之后，包括：創(chuàng)建網(wǎng)頁應(yīng)用程序，所述網(wǎng)頁應(yīng)用程序包括第一路由和第二路由，所述第一路由用于渲染包含所述目標(biāo)代碼編輯區(qū)域的頁面，所述第二路由用于保存對所述目標(biāo)代碼的編輯操作；基于所述第一路由和所述第二路由，將所述目標(biāo)代碼傳輸至客戶端以顯示和編輯。

12、作為本發(fā)明一實(shí)施方式的進(jìn)一步改進(jìn)，在所述對所述頁面圖像進(jìn)行網(wǎng)格劃分之前，所述方法還包括：判斷所述頁面圖像是否為灰度圖像；若否，則將所述頁面圖像轉(zhuǎn)換為對應(yīng)的灰度圖像；所述提取所有網(wǎng)格區(qū)域內(nèi)局部頁面圖像的特征，得到若干目標(biāo)子特征，包括：基于預(yù)訓(xùn)練的卷積神經(jīng)網(wǎng)絡(luò)模型，提取每個(gè)局部頁面圖像的特征，得到若干目標(biāo)子特征。

13、作為本發(fā)明一實(shí)施方式的進(jìn)一步改進(jìn)，在所述基于預(yù)訓(xùn)練的卷積神經(jīng)網(wǎng)絡(luò)模型之前，所述方法還包括：將初始卷積神經(jīng)網(wǎng)絡(luò)模型的通道數(shù)更新為單通道，并調(diào)整單通道的均值和方差；基于訓(xùn)練數(shù)據(jù)對所述初始卷積神經(jīng)網(wǎng)絡(luò)模型進(jìn)行訓(xùn)練，得到訓(xùn)練好的卷積神經(jīng)網(wǎng)絡(luò)模型。

14、為實(shí)現(xiàn)上述發(fā)明目的之一，本發(fā)明還提供一種確定圖像代碼系統(tǒng)，包括：客戶端，用于確定待轉(zhuǎn)換頁面圖像；服務(wù)器端，用于接收來自客戶端傳輸?shù)乃鲰撁鎴D像，并對所述頁面圖像進(jìn)行網(wǎng)格劃分，提取所有網(wǎng)格子區(qū)域內(nèi)局部頁面圖像的特征，得到若干目標(biāo)子特征；用于基于預(yù)設(shè)知識庫，對若干目標(biāo)子特征執(zhí)行匹配，確定與所述頁面圖像匹配的目標(biāo)代碼。

15、作為本發(fā)明一實(shí)施方式的進(jìn)一步改進(jìn)，所述目標(biāo)代碼傳輸至所述客戶端的顯示區(qū)域進(jìn)行編輯和/或顯示，所述顯示區(qū)域包括第一區(qū)域和第二區(qū)域；所述第一區(qū)域用于顯示目標(biāo)代碼，在檢測到所述第一區(qū)域內(nèi)所述目標(biāo)代碼被修改時(shí)，所述第二區(qū)域顯示對應(yīng)修改后的目標(biāo)控件。

16、為實(shí)現(xiàn)上述發(fā)明目的之一，本發(fā)明還提供一種制冷設(shè)備，包括：至少一個(gè)處理器；存儲(chǔ)器，所述存儲(chǔ)器存儲(chǔ)有可在所述處理器上運(yùn)行的計(jì)算機(jī)程序，所述處理器執(zhí)行所述程序時(shí)執(zhí)行任意一項(xiàng)所述確定圖像代碼的方法的步驟。

17、為實(shí)現(xiàn)上述發(fā)明目的之一，本發(fā)明還提供一種計(jì)算機(jī)存儲(chǔ)介質(zhì)，包括：至少一個(gè)處理器；存儲(chǔ)器，所述存儲(chǔ)器存儲(chǔ)有可在所述處理器上運(yùn)行的計(jì)算機(jī)程序，所述處理器執(zhí)行所述程序時(shí)執(zhí)行任意一項(xiàng)所述確定圖像代碼的方法的步驟。

18、與現(xiàn)有技術(shù)相比，本發(fā)明實(shí)施例具有如下至少一種有益效果：

19、本發(fā)明采用一種確定圖像代碼的方法，通過將頁面圖像劃分為多個(gè)網(wǎng)格子區(qū)域，并提取每個(gè)子區(qū)域內(nèi)的局部特征進(jìn)行匹配，可以更精確地捕捉到頁面圖像中的細(xì)節(jié)信息，這種局部到局部的匹配方式相比較全局圖像匹配，能夠減少因圖像整體相似但局部細(xì)節(jié)差異較大而導(dǎo)致的誤匹配問題，當(dāng)頁面圖像中的某個(gè)元素位置或樣式發(fā)生變化時(shí)，只需要重新匹配該元素所在網(wǎng)格的子特征，而無需重新處理整個(gè)圖像，從而提升確定圖像代碼生成的效率和靈活性。

技術(shù)特征：

1.一種確定圖像代碼的方法，其特征在于，包括：

2.根據(jù)權(quán)利要求1所述確定圖像代碼的方法，其特征在于，所述對若干目標(biāo)子特征執(zhí)行匹配，確定與所述頁面圖像匹配的目標(biāo)代碼，包括：

3.根據(jù)權(quán)利要求2所述確定圖像代碼的方法，其特征在于，所述基于級聯(lián)匹配方法，確定預(yù)設(shè)知識庫中與目標(biāo)子特征匹配的候選子特征，包括：

4.根據(jù)權(quán)利要求2所述確定圖像代碼的方法，其特征在于，所述基于級聯(lián)匹配方法，確定預(yù)設(shè)知識庫中與目標(biāo)子特征匹配的候選子特征，包括:

5.根據(jù)權(quán)利要求1所述確定圖像代碼的方法，其特征在于，所述對若干目標(biāo)子特征執(zhí)行匹配，確定與所述頁面圖像匹配的目標(biāo)代碼，包括：

6.根據(jù)權(quán)利要求5所述確定圖像代碼的方法，其特征在于，所述根據(jù)所有候選特征集的交集，確定對應(yīng)的目標(biāo)代碼，包括：

7.根據(jù)權(quán)利要求1所述確定圖像代碼的方法，其特征在于，在所述確定與所述頁面圖像匹配的目標(biāo)代碼之后，包括：

8.根據(jù)權(quán)利要求1所述確定圖像代碼的方法，其特征在于，在所述對所述頁面圖像進(jìn)行網(wǎng)格劃分之前，所述方法還包括：

9.根據(jù)權(quán)利要求8所述確定圖像代碼的方法，其特征在于，在所述基于預(yù)訓(xùn)練的卷積神經(jīng)網(wǎng)絡(luò)模型之前，所述方法還包括：

10.一種確定圖像代碼系統(tǒng)，其特征在于，包括：

11.根據(jù)權(quán)利要求10所述確定圖像代碼系統(tǒng)，其特征在于，所述目標(biāo)代碼傳輸至所述客戶端的顯示區(qū)域進(jìn)行編輯和/或顯示，所述顯示區(qū)域包括第一區(qū)域和第二區(qū)域；所述第一區(qū)域用于顯示目標(biāo)代碼，在檢測到所述第一區(qū)域內(nèi)所述目標(biāo)代碼被修改時(shí)，所述第二區(qū)域顯示對應(yīng)修改后的目標(biāo)控件。

12.一種制冷設(shè)備，包括：

13.一種計(jì)算機(jī)存儲(chǔ)介質(zhì)，包括：

技術(shù)總結(jié)
本發(fā)明提供一種確定圖像代碼的方法、系統(tǒng)、設(shè)備及存儲(chǔ)介質(zhì)，所述方法包括：接收來自客戶端傳輸?shù)拇D(zhuǎn)換的頁面圖像；對所述頁面圖像進(jìn)行網(wǎng)格劃分，并提取所有網(wǎng)格子區(qū)域內(nèi)局部頁面圖像的特征，得到若干目標(biāo)子特征；基于預(yù)設(shè)知識庫，對若干目標(biāo)子特征執(zhí)行匹配，確定與所述頁面圖像匹配的目標(biāo)代碼。該方法可以更精確地捕捉到頁面圖像中的細(xì)節(jié)信息，這種局部到局部的匹配方式相比較全局圖像匹配，能夠減少因圖像整體相似但局部細(xì)節(jié)差異較大而導(dǎo)致的誤匹配問題，當(dāng)頁面圖像中的某個(gè)元素位置或樣式發(fā)生變化時(shí)，只需要重新匹配該元素所在網(wǎng)格的子特征，而無需重新處理整個(gè)圖像，從而提高了代碼生成的效率和靈活性。

技術(shù)研發(fā)人員：王文強(qiáng),尚文超,林阿龍,高熙源,李鵬,徐春鵬
受保護(hù)的技術(shù)使用者：青島海爾特種電冰柜有限公司
技術(shù)研發(fā)日：
技術(shù)公布日：2024/12/23