2013-11-27 15 views
10

Come creare un modulo da JSON Schema?Come creare un modulo da uno schema json?

Sto scrivendo codice in JavaScript e jquery. Con questa parte del modello come Form sto creando questo con haml e aggiungendolo nel file js. Per il backend sto usando python. Sto usando il framework Django.

Quindi ho ottenuto alcuni collegamenti per creare un modulo da JSON Schema.

collegamento Riferimento: http://neyric.github.io/inputex/examples/json-schema.html

nella mia forma: elemets ingresso: caselle di testo, textarea, selezionare Elenco, inviare e cancellare i pulsanti sono presenti.

Quindi voglio chiedere è la creazione di form con schema JSON è fattibile o no? Se sì, allora puoi fornire dei buoni collegamenti?

risposta

4

jsonform - Crea moduli da JSON Schema. Facilmente modellabile. Compatibile con Twitter Bootstrap fuori dalla scatola.

https://github.com/joshfire/jsonform

+0

Sembra che jsonform non venga più mantenuto. – Anthropic

+0

@Anthropic, grazie per il commento. Altre risposte includono alternative. –

2

appena imbattuto questa domanda e ha voluto aggiungere questa nuova opzione:

JSONForms estende le AngularJS vista approccio modello, eliminando la necessità di scrivere modelli HTML al fine di creare forme sfruttando le funzionalità dello schema JSON e JSON.

GitHub: JSONForms (Demo)

2

generazione modulo dal JSON Schema è una pratica comune, specialmente per le interfacce utente generati automaticamente.

Nel tuo caso, se ti interessa solo creare un modulo, forse sarà meglio codificarlo direttamente.

Ecco una libreria ho creato che si spera trovi interessante:

json-forms:

JSON Schema di HTML generatore di forma, sostenendo sottoschemi dinamici (sulla risoluzione volo). Libreria estensibile e personalizzabile con dipendenze zero. Bootstrap componenti aggiuntivi forniti

demo dal vivo al http://brutusin.org/json-forms

6

Siete alla ricerca di forme di alpaca. http://www.alpacajs.org

JSON Forme basate su schema utilizzando jQuery con i motori di layout per Bootstrap, jQuery UI/Mobile. È molto estensibile e molto carino.

Comunità autorizzata e impressionante Apache 2.0 (sono un responsabile del codice).

+0

Sembra promettente, ma non sono riuscito a far funzionare la versione "web" e anche la pagina di esempio online è interrotta. E 'ancora mantenuto? Ho presentato bug per entrambi i problemi: https://github.com/gitana/alpaca/issues/506 https://github.com/gitana/alpaca/issues/507 –

+0

... e mentre stai facendo Alpaca supporto della comunità, forse puoi rispondere a questa domanda? (Ho la stessa domanda: una volta che farò funzionare Alpaca, cercherò di renderizzare su un nodo DOM temporaneo e poi spostare gli input renderizzati per possedere il mio modulo esistente, ma spero che ci sia un modo più pulito. , per favore lascia che risponda, così posso ottenere il credito ☺ Le opzioni di Alpaca sono state documentate ovunque?) http://stackoverflow.com/questions/42767045/append-alpacajs-form-to-existing-form –

0

Un'altra opzione è "json-schema-js-gui-model ". Converte lo schema JSON in un modello GUI che puoi facilmente utilizzare in qualsiasi framework web per creare un modulo personalizzato. Per consigli dettagliati sull'ultimo passaggio, lo angular 2 docs ha una ricetta per la creazione di un modulo dinamico da un modello GUI.

Problemi correlati