jsonschema 表单页面生成器,支持模板 HTML 源码二次编辑开发

3,744 阅读1分钟

背景

网上很多类似的表单生成,包括json schema生成表单也有好几款成熟的,但是问题都是不支持完全的表单html模板,而是提供一个模板组件,接收json schema参数去生成表单。

问题就是,我们的业务需求可能会变动,或者页面需要加一些样式,布局修改等,这种没有表单源码的表单生成,遇到不符合UI设计,或者后期需求变动页面调整都是不利的。

表单生成+支持表单html页面模板源码,好处就很明显,你既可以用表单组件生成页面,也可以复制表单HTML原代码出来进行二次开发。才真正释放生产力。所以就有了这个工程:ngx-form-builder

功能实现

  • 支持json schema生成表单,支持bootstrap + ng-zorro-antd两种UI样式组件。
  • 支持源码复制、下载。和生成的模板支持StackBlitz编辑器在线demo预览编辑
  • 支持Yapi接口文档直接生成表单页面(思路:接口文档——>json schema——>表单页面)。

DEMO截图

Github源码

欢迎PR,或者issue提出你们的使用场景

github.com/giscafer/ng…