[發明專利]一種表單控件配置方法、裝置、設備及介質

在審

• 申請號: 202211052174.3
• 申請日: 2022-08-30
• 公開（公告）號: CN115469854A
• 公開（公告）日: 2022-12-13
• 發明（設計）人: 王曉航
• 申請（專利權）人: 浪潮通用軟件有限公司
• 主分類號: G06F8/34
• 分類號: G06F8/34;G06F8/38;G06F3/0481;G06F3/0486;G06F3/0487;G06F40/186
• 代理公司: 北京君慧知識產權代理事務所(普通合伙) 11716
• 代理人: 肖鵬

本申請公開了一種表單控件配置方法、裝置、設備及介質，方法包括：根據目標控件的使用場景，確定目標控件的控件類型，并根據控件類型生成控件類型字符串；根據目標控件的預期展示效果，確定目標控件的控件元數據，并生成控件元數據對應的控件JSON描述結構；根據控件元數據，生成目標控件的控件模板，并導出控件模板對應的模板字符串；根據目標控件的預期特性，確定目標控件的組件實例；根據控件類型字符串、控件元數據、模板字符串、組件實例，生成目標控件的控件導出對象。可以快速生成一份前端控件并將控件加載到表單設計器中。這樣就不需要用戶掌握前端開發的原理和各種使用規則，便可以創建出一份能運行在各種主流瀏覽器中的控件。

技術領域

本申請涉及表單開發領域，具體涉及一種表單控件配置方法、裝置、設備及介質。

背景技術

控件就是操作系統界面的單位元件，常見的控件可以分為提示類、加載類、網絡異常類、引導類、導航類、空數據類、操作類。

現有技術中，表單設計器中以一份JSON格式描述控件，由于表單控件的創建難度較高，因此如何將一份JSON數據轉化為控件通常需要開發人員花費大量的時間精力去了解前端開發過程，如果表單設計器的開發人員將時間花費在控件的開發上，將會導致無法專注于設計器本身的邏輯開發。

發明內容

為了解決上述問題，本申請提出了一種表單控件配置方法、裝置、設備及介質，其中方法包括：

根據目標控件的使用場景，確定所述目標控件的控件類型，并根據所述控件類型生成控件類型字符串；根據所述目標控件的預期展示效果，確定所述目標控件的控件元數據，并生成所述控件元數據對應的控件JSON描述結構；根據所述控件元數據，生成所述目標控件的控件模板，并導出所述控件模板對應的模板字符串；根據所述目標控件的預期特性，確定所述目標控件的組件實例；根據所述控件類型字符串、所述控件元數據、所述模板字符串、所述組件實例，生成所述目標控件的控件導出對象。

在一個示例中，所述生成所述目標控件的控件導出對象之后，所述方法還包括：將所述控件導出對象通過Rollup打包方法，打包成一份js腳本；將所述js腳本發送至表單設計器。

在一個示例中，所述將所述控件導出對象通過rollup打包方法，打包成一份js腳本之前，所述方法還包括：為打包過程配置SystemJS模塊化打包環境；所述Rollup打包方法使用ES6的模塊標準；所述將所述控件導出對象通過Rollup打包方法，打包成一份js腳本，具體包括：將所述控件導出對象的代碼進行搖樹優化，以得到優化數據；對所述優化數據進行壓縮，以得到所述js腳本。

在一個示例中，所述根據所述控件元數據，生成所述目標控件的控件模板，具體包括：將所述控件元數據對應的JSON描述結構轉化為DOM層級結構；根據各區域的預期寬度、預期排列方式，確定所述各層級的css樣式；根據所述DOM層級結構以及所述css樣式，生成所述目標控件的控件模板。

在一個示例中，所述控件導出對象的數據集中包含所述目標控件的控件類型數據、組件示例數據、控件元數據、控件模板數據；所述控件類型數據以及所述控件模板數據的值類型為字符串；所述控件元數據的值類型為Object對象。

在一個示例中，所述組件實例定義包括：方法名、入參、返回值、是否必需、說明。

在一個示例中，所述JSON描述結構包括：屬性ID，屬性名稱，值類型，說明。