Creación de formularios dinámicos con KuFlow y JSON forms

Publicado el 24-07-2023 por Hector Tessari - KuFlow Team

KuFlow simplifica la creación y administración de formularios al aprovechar una integración personalizada de JSON Forms. Permite a los desarrolladores definir el modelo de datos del formulario, las reglas de validación y el diseño de la interfaz de usuario mediante Schema y UI Schema. Al aprovechar los JSON Forms, los usuarios pueden crear formularios intuitivos y dinámicos con soporte perfecto para matrices, cargas de archivos y mensajes personalizados.

Editor de formularios de KuFlow

KuFlow proporciona un editor personalizado fácil de usar que agiliza el proceso de creación de formularios. Permite a los desarrolladores definir sin esfuerzo estructuras de formularios, reglas de validación y diseños. La funcionalidad de autocompletar del editor reduce significativamente el tiempo y el esfuerzo necesarios para crear formularios, ya que los usuarios pueden utilizar configuraciones preexistentes y adaptarlas a sus necesidades específicas.

Esquema (Schema)

El esquema representa el modelo de datos y las reglas de validación del formulario. Define la estructura, los tipos de datos y las restricciones de cada campo. Las propiedades de esquema comúnmente utilizadas incluyen "título" para el nombre del formulario, "descripción" para una breve descripción del formulario, "tipo" para el tipo de formulario general (generalmente "objeto" para una colección de campos) y "propiedades" para definir campos individuales con sus tipos y reglas de validación. Los tipos válidos para los campos incluyen "entero", "booleano", "número", "cadena", "matriz" y "objeto". La propiedad "obligatorio" enumera los campos que deben completarse antes de enviar el formulario.

Componentes de datos

El esquema juega un papel crucial en la definición de la estructura de datos del formulario y las reglas de validación. Permite a los desarrolladores definir de manera efectiva la estructura y las reglas subyacentes para los datos del formulario.

Esquema de interfaz de usuario (UI Schema)

El esquema de la interfaz de usuario juega un papel crucial en la definición de cómo se presentan y organizan los campos de formulario en la interfaz de usuario. Aprovecha elementos como "VerticalLayout" y "HorizontalLayout" para organizar los campos. El elemento "Control" se utiliza para representar campos de formulario en la interfaz de usuario.

Componentes de la interfaz de usuario

En el esquema de la interfaz de usuario, los desarrolladores pueden utilizar varios elementos para definir el diseño y la apariencia del formulario. Algunos elementos del esquema de interfaz de usuario de uso común incluyen "VerticalLayout" para apilar campos de formulario verticalmente, "HorizontalLayout" para organizar campos uno al lado del otro y "Group" para crear contenedores que agrupan campos relacionados.

Componentes avanzados

KuFlow ofrece componentes avanzados para configuraciones de formularios especializados. Estos componentes incluyen "Array" para manejar múltiples valores en un solo campo, "Archivos" para cargar archivos, "Usuarios" para buscar y seleccionar usuarios dentro del inquilino de KuFlow, "Enum Single-Select" para una selección única de una lista desplegable y "Enum Multiple-Choice" para opciones de opción múltiple.

Normas

Las reglas habilitan funciones interactivas en los formularios, como ocultar o deshabilitar elementos en función de condiciones específicas. Se componen de condiciones y efectos. Los desarrolladores pueden usar reglas para crear formularios dinámicos.

Configuraciones de formularios de autocompletar

KuFlow ofrece configuraciones de formularios de autocompletado, lo que agiliza el proceso de creación de formularios. Esta funcionalidad permite a los desarrolladores crear rápidamente formularios dinámicos mediante el uso de configuraciones preexistentes.

Formulario básico: Los desarrolladores pueden crear un formulario básico para capturar información esencial del usuario mediante JSON Forms y KuFlow. Implica implementar Schema y UI Schema para definir la estructura y el diseño del formulario.
Matrices: Las matrices en JSON Forms permiten a los usuarios agregar y administrar varios elementos de forma dinámica. El elemento de control de KuFlow facilita la integración de matrices dinámicas en formularios.
Carga de archivos: KuFlow simplifica la carga de archivos con el control FileUploader. Los desarrolladores pueden incorporar fácilmente la funcionalidad de carga de archivos en los formularios.
Usuarios que buscan: Los formularios pueden incluir funciones de búsqueda y selección de usuarios dentro del arrendatario de KuFlow. Esta función es útil para asignaciones de tareas, permisos y configuraciones relacionadas con el usuario.
Mensajes personalizados: KuFlow permite a los desarrolladores personalizar etiquetas, descripciones y mensajes de error para controles de formulario, mejorando la experiencia del usuario.

En conclusión, KuFlow, con su integración con JSON Forms, ofrece una solución poderosa para crear formularios dinámicos y fáciles de usar. Los desarrolladores pueden definir fácilmente los modelos de datos, el diseño y las reglas de validación mediante Schema y UI Schema. Los ejemplos proporcionados demuestran la versatilidad y la facilidad de uso de KuFlow, lo que permite a los desarrolladores crear formularios sofisticados sin esfuerzo.

Visite nuestra sección de documentación de Creación de Formularios para conocer más sobre nuestros formularios dinámicos.