如何从json-schema创建表单？

Question

如何从JSON Schema创建表单？

我正在用JavaScript和jquery编写代码.有了这个模板部分,比如Form我用haml创建它并在js文件中添加它.对于后端我使用的是python.我正在使用Django框架.

所以我从JSON Schema获得了一些创建表单的链接.

参考链接:http: //neyric.github.io/inputex/examples/json-schema.html

在我的表单中:输入元素:文本框,文本区域,选择列表,提交和取消按钮.

所以我想问一下,使用JSON模式创建表单是否可行？如果是的话,你能提供一些好的链接吗？

Answer 1

我一直在寻找同样的东西,结果发现有一些不错的选择.这些是我在GitHub上可以找到的最好的库:

• JSON编辑器(普通JS)(演示)

• Angular Schema Form(AngularJS)(演示)

• React JSONSchema表单(React)(演示)

Answer 2

jsonform - 从JSON Schema构建表单.轻松模板化.开箱即用兼容Twitter Bootstrap.

https://github.com/joshfire/jsonform

Answer 3

您正在寻找羊驼形式. http://www.alpacajs.org

JSON Schema驱动表单使用jQuery和布局引擎,用于Bootstrap,jQuery UI/Mobile.这是非常可扩展和漂亮的装饰.

Apache 2.0许可和令人敬畏的社区(我是代码提交者).

Answer 4

刚刚偶然发现这个问题并想添加这个新选项：

JSONForms 扩展了 AngularJS 视图模型方法，无需编写 HTML 模板即可利用 JSON 和 JSON 模式的功能创建表单。

GitHub：JSONForms（演示）

Answer 5

从 JSON Schema 生成表单是一种常见的做法，特别是对于自动生成的用户界面。

就您而言，如果您只对创建一个表单感兴趣，也许直接对其进行编码会更好。

这是我创建的一个库，希望您会感兴趣：

json 形式：

JSON 模式到 HTML 表单生成器，支持动态子模式（即时解析）。可扩展和可定制的库，具有零依赖性。提供 Bootstrap 附加组件

现场演示：http://brutusin.org/json-forms

Answer 6

或者...你可以看看outperform。这是一个小型 javascript 表单生成器库，我最近编写了它来支持我自己的项目，因为我厌倦了这样一个事实，即我看到的所有表单生成器要么有大量的依赖项，要么明显比我的单页网页大-应用。

我的意思是，让我们面对现实吧：如果我的 SPA 像 20KB 未缩小但经过 gzip 压缩，那么我希望库例程可以做一些简单的事情，例如生成一个表单要小得多。它的主要特点是：

• 零依赖。
• 较少的填充（未缩小但已压缩：<2KB）。
• 原生 HTML5/浏览器验证支持所有 HTML5+ 输入类型。
• 自定义验证无缝集成。
• 支持所有的 Web 框架（包括 Bootstrap）。
• 在所有浏览器中重新加载页面时，自动重新填充半填充的表单。
• JSON 设置/获取所有表单值。