[發(fā)明專利]基于React的可視化表單生成方法及系統(tǒng)

在審

• 申請?zhí)枺?/td>: 202011035864.9
• 申請日: 2020-09-27
• 公開（公告）號(hào): CN112131847A
• 公開（公告）日: 2020-12-25
• 發(fā)明（設(shè)計(jì)）人: 白志凌;涂美政;戴相龍;李繼鴻
• 申請（專利權(quán)）人: 北京北信源軟件股份有限公司
• 主分類號(hào): G06F40/18
• 分類號(hào): G06F40/18;G06F3/0486
• 代理公司: 北京路浩知識(shí)產(chǎn)權(quán)代理有限公司 11002
• 代理人: 李文清

1.一種基于React的可視化表單生成方法，其特征在于，包括：

根據(jù)預(yù)設(shè)表單配置信息，確定對應(yīng)的表單元素組件和表單元素屬性；

基于React技術(shù)，根據(jù)所述表單元素組件和所述表單元素屬性，生成所述預(yù)設(shè)表單配置信息對應(yīng)的表單。

2.根據(jù)權(quán)利要求1所述的基于React的可視化表單生成方法，其特征在于，在所述基于React技術(shù)，根據(jù)所述表單元素組件和所述表單元素屬性，生成所述預(yù)設(shè)表單配置信息對應(yīng)的表單之后，所述方法還包括：

通過React技術(shù)，對所述表單進(jìn)行編輯，并將編輯后的表單進(jìn)行顯示。

3.根據(jù)權(quán)利要求2所述的基于React的可視化表單生成方法，其特征在于，所述通過React技術(shù)，對所述表單進(jìn)行編輯，并將編輯后的表單進(jìn)行顯示，包括：

獲取擴(kuò)展屬性信息；

根據(jù)所述擴(kuò)展屬性信息，確定對應(yīng)的表單元素?cái)U(kuò)展組件和表單元素?cái)U(kuò)展屬性；

基于React技術(shù)，根據(jù)所述表單元素?cái)U(kuò)展組件和所述表單元素?cái)U(kuò)展屬性，對所述表單進(jìn)行編輯，得到編輯后的表單；

將所述編輯后的表單進(jìn)行顯示。

4.根據(jù)權(quán)利要求1所述的基于React的可視化表單生成方法，其特征在于，所述表單元素組件包括基礎(chǔ)組件字段、高級組件字段和布局組件字段；所述表單元素屬性包括字段屬性和表單屬性。

5.根據(jù)權(quán)利要求1所述的基于React的可視化表單生成方法，其特征在于，在所述基于React技術(shù)，根據(jù)所述表單元素組件和所述表單元素屬性，生成所述預(yù)設(shè)表單配置信息對應(yīng)的表單之后，所述方法還包括：

根據(jù)所述預(yù)設(shè)表單配置信息和所述表單，生成表單數(shù)據(jù)模型。

6.根據(jù)權(quán)利要求1所述的基于React的可視化表單生成方法，其特征在于，所述表單的格式為JSON格式。

7.一種基于React的可視化表單生成系統(tǒng)，其特征在于，包括：

配置模塊，用于根據(jù)預(yù)設(shè)表單配置信息，確定對應(yīng)的表單元素組件和表單元素屬性；

可視化表單生成模塊，用于基于React技術(shù)，根據(jù)所述表單元素組件和所述表單元素屬性，生成所述預(yù)設(shè)表單配置信息對應(yīng)的表單。

8.根據(jù)權(quán)利要求7所述的基于React的可視化表單生成系統(tǒng)，其特征在于，所述系統(tǒng)還包括：擴(kuò)展模塊，用于通過React技術(shù)，對所述表單進(jìn)行編輯，并將編輯后的表單進(jìn)行顯示。

9.一種電子設(shè)備，包括存儲(chǔ)器、處理器及存儲(chǔ)在存儲(chǔ)器上并可在處理器上運(yùn)行的計(jì)算機(jī)程序，其特征在于，所述處理器執(zhí)行所述程序時(shí)實(shí)現(xiàn)如權(quán)利要求1至6任一項(xiàng)所述基于React的可視化表單生成方法的步驟。

10.一種非暫態(tài)計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其上存儲(chǔ)有計(jì)算機(jī)程序，其特征在于，該計(jì)算機(jī)程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)如權(quán)利要求1至6任一項(xiàng)所述基于React的可視化表單生成方法的步驟。