¿Cómo crear un formulario a partir de un esquema json?

¿Cómo crear un formulario desde el esquema JSON?

Estoy escribiendo código en JavaScript y jquery. Con esta parte de la plantilla como Formulario, estoy creando esto con haml y agregando esto en el archivo js. Para el backend estoy usando python. Estoy usando el framework Django.

Así que tengo algunos enlaces para crear formulario desde el esquema JSON.

Enlace de referencia: http://neyric.github.io/inputex/examples/json-schema.html

En mi formulario: Elementos de entrada: los cuadros de texto, el área de texto, la lista de selección, los botones de enviar y cancelar están presentes.

¿Así que quiero preguntar si crear un formulario con esquema JSON es factible o no? Si es así, ¿puede proporcionar algunos buenos enlaces?

jsonform – Construye formularios desde el esquema JSON. Fácilmente capaz de plantillas. Compatible con Twitter Bootstrap fuera de la caja.

https://github.com/joshfire/jsonform

He estado buscando lo mismo, y resulta que hay algunas buenas opciones. Estas son las mejores bibliotecas que pude encontrar en GitHub:

  • Editor JSON (JS normal) ( demo )

  • Formulario de esquema angular (AngularJS) ( demo )

  • React JSONSchema Form (React) ( demo )

Usted está buscando formas de alpaca. http://www.alpacajs.org

Formas controladas por esquema JSON utilizando jQuery con motores de diseño para Bootstrap, jQuery UI / Mobile. Es muy extensible y bastante adornado.

Con licencia de Apache 2.0 y una comunidad increíble (soy un comensal de códigos).

Me topé con esta pregunta y quise agregar esta nueva opción:

JSONForms amplía el enfoque del modelo de vista AngularJS eliminando la necesidad de escribir plantillas HTML para crear formularios aprovechando las capacidades del esquema JSON y JSON.

GitHub: JSONForms ( Demo )

La generación de formularios a partir del esquema JSON es una práctica común, especialmente para las interfaces de usuario generadas automáticamente.

En su caso, si solo está interesado en crear UN formulario, quizás sea mejor codificarlo directamente.

Aquí hay una biblioteca que he creado que ojalá encuentres interesante:

json-formas:

Generador de formularios JSON Schema to HTML, que admite subschemas dynamics (sobre la marcha). Librería extensible y personalizable con cero dependencias. Complementos Bootstrap proporcionados

Demostración en vivo en http://brutusin.org/json-forms

Otra opción es ” json-schema-js-gui-model “. Convierte el esquema json en un modelo de interfaz gráfica de usuario que puede utilizar fácilmente en cualquier marco web para crear un formulario personalizado. Para obtener consejos detallados sobre el último paso, angular 2 docs tiene una receta para crear una forma dinámica a partir de un modelo gui.

Mira este proyecto https://github.com/mirshahreza/json-edit

Un complemento de jquery para convertir el esquema json en una forma Puede ser útil en su escenario

Echa un vistazo a esta demostración de ngx-schema-form :

http://guillotina.io/ngx-schema-form/dist/ngx-schema-form/json

  • Toma un archivo de esquema JSON
  • Genera eso en un formulario de página web editable totalmente funcional.
  • Guarda los cambios en el modelo JSON como un objeto Javascript
  • Permite agregar código validador personalizado para cualquier sección

Esto funciona muy bien para mí (solo lo encontré hace un par de días). Lo uso con el último Angular, y funciona exactamente como se documenta. La fuente de ejemplos está aquí:

https://github.com/guillotinaweb/ngx-schema-form/tree/master/src/app/json-schema-example

O … podrías echarle un vistazo a superarte . Es una pequeña biblioteca de generadores de formularios javascript que escribí recientemente para respaldar mis propios proyectos porque me harté del hecho de que todos los generadores de formularios que observé tenían una tonelada de dependencias o eran claramente más grandes que mi página web. solicitud.

Quiero decir, seamos realistas: si mi SPA es como 20KB sin ministrar pero gzipped, entonces espero que las rutinas de la biblioteca que hacen algo simple como generar una forma sean significativamente más pequeñas. Sus principales características serían:

  • Cero dependencias.
  • Menos relleno (sin minar, pero gzip: <2KB).
  • Soporte nativo de HTML5 / validación del navegador para todos los tipos de entrada HTML5 +.
  • Validación personalizada aparentemente integrada.
  • Soporta todos los frameworks web por ahí (incluyendo Bootstrap).
  • Se llenan automáticamente los formularios a medio llenar al recargar una página en todos los navegadores.
  • JSON establecer / obtener para todos los valores de formulario.