V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
giscafer
V2EX  ›  Angular

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

  •  
  •   giscafer · 2018-12-17 20:14:00 +08:00 · 5463 次点击
    这是一个创建于 2152 天前的主题,其中的信息可能已经有所发展或是发生改变。

    背景

    网上很多类似的表单生成,包括 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 提出你们的使用场景

    https://github.com/giscafer/ngx-form-builder

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5374 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 41ms · UTC 08:58 · PVG 16:58 · LAX 00:58 · JFK 03:58
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.