2013-11-27 45 views
10

如何从JSON模式创建表单?如何从json-schema创建表单?

我正在使用JavaScript和jQuery编写代码。有了这个模板部分就像表单我用haml创建并在js文件中添加。 对于后端我使用python。我正在使用Django框架。

因此,我从JSON Schema获得了一些创建表单的链接。

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

在我的表格: 输入elemets:文本框,文本区域,选择列表,提交和取消按钮都存在。

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

回答

4

jsonform - 从JSON模式构建表单。轻松模板化。与开箱即用的Twitter Bootstrap兼容。

https://github.com/joshfire/jsonform

+0

看来jsonform不再被维护。 – Anthropic

+0

@Anthropic,感谢您的评论。其他答案包括替代品。 –

2

只是偶然发现了这个问题,并希望添加这个新选项:

JSONForms扩展了AngularJS由于无需编写HTML模板,以创建表单视图模型方法通过利用JSON和JSON模式的功能。

GitHub的:从JSON架构JSONFormsDemo

2

表单生成是一种常见的做法,特别用于自动地生成用户界面。

就你而言,如果你只是想创建一个表单,也许直接编码会更好。

这里是我创建了希望你觉得有趣库:

json-forms:

JSON模式,以HTML形式生成,支持动态子模式(飞分辨率)。具有零依赖关系的可扩展和可定制库。引导插件提供

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

6

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

JSON模式驱动的形式使用jQuery与布局引擎的Bootstrap,jQuery UI/Mobile。这是非常可扩展和漂亮的装饰。

Apache 2.0许可和真棒社区(我是代码提交者)。

+0

看起来很有希望,但我还没有设法让'网络'版本起作用,甚至在线示例页面也被破坏了。它还在维护中吗?我提出了两个问题的错误:https://github.com/gitana/alpaca/issues/506 https://github.com/gitana/alpaca/issues/507 –

+0

...而当你在做羊驼社区支持,也许你可以回答这个问题? (我有同样的问题,一旦我完全得到Alpaca的工作,我会尝试将它渲染到一个临时的DOM节点,然后将渲染后的输入移到我现有的表单中,但希望有一个更清晰的方法。 ,请留下来让我回答,这样我就可以获得信誉。Al羊驼的“选项”是否记录在任何地方?)http://stackoverflow.com/questions/42767045/append-alpacajs-form-to-existing-form –

0

另一种选择是“json-schema-js-gui-model“。它将json模式转换为gui模型,您可以在任何web框架中轻松使用它来创建自定义表单。有关最后一步的详细建议,angular 2 docs有一个从gui模型创建动态表单的配方。