jsonschema 表單頁面生成器,支援模板 HTML 原始碼二次編輯開發

giscafer發表於2018-12-17

背景

網上很多類似的表單生成,包括json schema生成表單也有好幾款成熟的,但是問題都是不支援完全的表單html模板,而是提供一個模板元件,接收json schema引數去生成表單。

問題就是,我們的業務需求可能會變動,或者頁面需要加一些樣式,佈局修改等,這種沒有表單原始碼的表單生成,遇到不符合UI設計,或者後期需求變動頁面調整都是不利的。

表單生成+支援表單html頁面模板原始碼,好處就很明顯,你既可以用表單元件生成頁面,也可以複製表單HTML原始碼出來進行二次開發。才真正釋放生產力。所以就有了這個工程:ngx-form-builder

功能實現

  • 支援json schema生成表單,支援bootstrap + ng-zorro-antd兩種UI樣式元件。
  • 支援原始碼複製、下載。和生成的模板支援StackBlitz編輯器線上demo預覽編輯
  • 支援Yapi介面文件直接生成表單頁面(思路:介面文件——>json schema——>表單頁面)。

jsonschema 表單頁面生成器,支援模板 HTML 原始碼二次編輯開發

DEMO截圖

jsonschema 表單頁面生成器,支援模板 HTML 原始碼二次編輯開發

Github原始碼

歡迎PR,或者issue提出你們的使用場景

github.com/giscafer/ng…

相關文章