2013-11-27 84 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模型創建動態表單的配方。