買專利賣專利找龍圖騰，真高效！ 查專利查商標用IPTOP,全免費！專利年費監控用IP管家,真方便！

龍圖騰網獲悉重慶大學申請的專利基于組件庫編碼映射的設計稿轉代碼方法及系統獲國家發明授權專利權，本發明授權專利權由國家知識產權局授予，授權公告號為：CN116088850B 。

龍圖騰網通過國家知識產權局官網在2025-08-12發布的發明授權授權公告中獲悉：該發明授權的專利申請號/專利號為：202310033321.0，技術領域涉及：G06F8/41；該發明授權基于組件庫編碼映射的設計稿轉代碼方法及系統是由李衛權;張敏設計研發完成，并于2023-01-10向國家知識產權局提交的專利申請。

本基于組件庫編碼映射的設計稿轉代碼方法及系統在說明書摘要公布了：本發明屬于前端開發技術領域，具體公開了一種基于組件庫編碼映射的設計稿轉代碼方法及系統，該方法設置圖像識別模型并對其進行識別增強訓練，利用圖像識別模型對設計稿進行組件信息提取和識別；劃分設計稿中的所有組件的組件類別；確定所引用組件庫的組件的編碼格式，建立組件類別編碼庫和代碼模板；對自設計稿中提取和識別出的組件信息，進行標記編碼；將識別出的組件與所引用組件庫中的組件編碼進行編碼匹配，實現對組件的二次編碼，輸出代碼。采用本技術方案，采用具體組件庫的語法來實現該組件的代碼，減少了代碼冗余，精簡了代碼結構，可維護性更高。

本發明授權基于組件庫編碼映射的設計稿轉代碼方法及系統在權利要求書中公布了：1.一種基于組件庫編碼映射的設計稿轉代碼方法，其特征在于，包括如下步驟： 設置圖像識別模型并對其進行識別增強訓練，利用圖像識別模型對設計稿進行組件信息提取和識別； 劃分設計稿中的所有組件的組件類別； 確定所引用組件庫的組件的編碼格式，建立組件類別編碼庫和代碼模板； 對自設計稿中提取和識別出的組件信息，進行標記編碼； 將識別出的組件與所引用組件庫中的組件編碼進行編碼匹配，實現對組件的二次編碼，輸出代碼； 在完成設計稿信息提取識別以及組件二次編碼的操作之后輸出代碼，輸出代碼的步驟如下： 對于常規布局或者頁面節點，按照原生語法進行生成，根據設計稿提取出的信息進行類名命名和數據綁定； 對于組件代碼的生成，用組件類別的編碼去匹配相應的代碼模板文件，然后通過該組件的編碼去匹配相應的代碼塊，進行文檔結構填充、css樣式以及數據綁定的操作； 還包括對輸出的代碼進行調整優化，具體方法如下： 調整組件相關編碼，具體包括： 對生成后的代碼開啟預覽模式，根據實際效果與原設計稿進行對比，手工調整組件相關編碼； 指定識別出來的某一個組件的組件編碼為組件庫該組件編碼； 根據識別出來的組件的編碼調整組件類別編碼庫，向每一類編碼適應的范圍更廣或更窄的角度進行調整； 對于識別出來的組件按照目前所引用的組件庫實現，若該組件的編碼不包含在組件類別編碼庫中，則將該編碼擴充到該組件庫的組件類別編碼庫中，即為更廣的角度；對于按照組件庫實現，但是通過預覽圖與原設計稿進行對比，偏差較大，效果不好的，則將這類編碼從該組件庫的組件類別編碼庫中刪除，即更窄的角度； 對頁面的分組情況進行調整，并指定相應的組件編碼，使其可以按照組件庫所含有的組件來進行生成； 基于設計稿與生成圖相似度的調整，采用圖像識別算法，計算設計稿與代碼生成產生的預覽圖間的相似度，采用相似度最高的一種情況來進行代碼生成，具體步驟如下： 首先將設計稿和生成的預覽圖保存為圖片，使用平均哈希算法得到兩張圖片的hash值，然后計算兩張圖片之間的漢明距離，漢明距離越小越相似，選擇漢明距離最小的一種情況來進行代碼生成； 選定識別出來的某個具體組件，設置指定的組件類別編碼； 對該組件類別編碼下的所有組件編碼對應的組件實現方式都實現一次，每次完成之后采用圖像識別算法計算設計稿與代碼產生的預覽圖間的相似度，記錄所有情況下的相似度，最終選擇相似度最高的一種情況作為最終代碼輸出。

如需購買、轉讓、實施、許可或投資類似專利技術，可聯系本專利的申請人或專利權人重慶大學，其通訊地址為：400030 重慶市沙坪壩區沙正街174號；或者聯系龍圖騰網官方客服，聯系龍圖騰網可撥打電話0551-65771310或微信搜索“龍圖騰網”。