[發明專利]一種原型圖代碼轉換的方法、系統、設備及可讀存儲介質

在審

• 申請號: 202011505839.2
• 申請日: 2020-12-18
• 公開（公告）號: CN112667225A
• 公開（公告）日: 2021-04-16
• 發明（設計）人: 白子玉
• 申請（專利權）人: 北京浪潮數據技術有限公司
• 主分類號: G06F8/34
• 分類號: G06F8/34;G06F8/38
• 代理公司: 北京集佳知識產權代理有限公司 11227
• 代理人: 王曉坤

本申請公開了一種原型圖代碼轉換的方法，包括：利用特征庫對輸入的原型圖進行識別，得到原型圖中每個組件的組件名；獲取每個組件中的信息，并將信息和組件名保存為樹形結構的各個節點；根據特征庫將每個組件轉換為對應的代碼段，并根據樹形結構對每個代碼段進行組合并輸出。本申請使得在云平臺的開發過程中可以直接通過原型圖進行代碼轉換，得到可以直接開發的代碼，極大的節省了開發人員的工作時間，提高了云平臺的前端開發效率。本申請同時還提供了一種原型圖代碼轉換的系統、設備及可讀存儲介質，具有上述有益效果。

技術領域

本申請涉及原型圖代碼轉換領域，特別涉及一種原型圖代碼轉換的方法、系統、設備及可讀存儲介質。

背景技術

原型圖是一款產品成型之前的一個簡單的框架，就是將頁面的排版布局展現出來，每個功能鍵的交互，使產品的初步構思有一個可視化的展示。原型圖可以提前表現出產品的界面樣式、每個按鈕的功能和效果、產品的基本框架和運作機制等。

在云平臺的前端開發過程中，開發人員需要根據大量的原型圖編寫對應的代碼，然而，前端原型圖的輸出內容都比較統一，大多數界面以表格、模態窗、卡片、標簽頁等形式出現，使得在前端開發過程中開發人員需要編寫大量重復的代碼，導致云平臺的前端開發效率低。

因此，如何提高云平臺的前端開發效率是本領域技術人員目前需要解決的技術問題。

發明內容

本申請的目的是提供一種原型圖代碼轉換的方法、系統、設備及可讀存儲介質，用于提高云平臺的前端開發效率。

為解決上述技術問題，本申請提供一種原型圖代碼轉換的方法，該方法包括：

利用特征庫對輸入的原型圖進行識別，得到所述原型圖中每個組件的組件名；

獲取每個所述組件中的信息，并將所述信息和所述組件名保存為樹形結構的各個節點；

根據所述特征庫將每個所述組件轉換為對應的代碼段，并根據所述樹形結構對每個所述代碼段進行組合并輸出。

可選的，在利用特征庫對輸入的原型圖進行特征識別之前，還包括：

接收輸入的至少一組組件名、組件特征及代碼段；

根據所述組件名與所述組件特征的第一對應關系以及所述組件名與所述代碼段的第二對應關系建立所述特征庫。

可選的，所述利用特征庫對輸入的原型圖進行特征識別，得到所述原型圖中每個組件的組件名，包括：

從所述特征庫中依次取出所有所述組件特征對所述原型圖進行特征匹配；

根據所述第一對應關系確定所述原型圖中與所述組件特征相匹配的組件的組件名，并在所述原型圖中將匹配完成的組件刪除，直至所述原型圖中沒有能匹配的組件為止。

可選的，根據所述特征庫將每個所述組件轉換為對應的代碼段，包括：

根據所述第二對應關系確定每個所述組件的組件名對應的代碼段。

可選的，還包括：

執行輸入的修改命令對所述第一對應關系和/或所述第二對應關系進行修改。

可選的，利用特征庫對輸入的原型圖進行特征識別，包括：

對所述原型圖進行二值化處理，得到黑白色線稿；

利用所述特征庫對所述黑白色線稿進行特征識別。

本申請還提供一種原型圖代碼轉換的系統，該系統包括：

識別模塊，用于利用特征庫對輸入的原型圖進行識別，得到所述原型圖中每個組件的組件名；