form create designer

Sitio web oficial | Documentación de ayuda | Demostración en línea | Demostración en línea móvil |

FormCreate diseñador de formularios de bajo código

@form-create/designer es un componente de diseño de formularios de código bajo implementado en base a @form-create/element-ui y ElementPlus. Soporte Vue2 y Vue3

@form-create/vant-designer es un componente móvil de diseño de formularios de código bajo implementado en base a @form-create/vant y Vant. Soporte Vue3

Características

• Generar formularios usando datos JSON
• Admite componentes personalizados extendidos
• Más de 30 componentes de formulario y de diseño integrados de uso común
• Proporciona API de operación de formato enriquecido
• Soporta subformularios y agrupaciones.
• Configuración de eventos de soporte
• Configuración de estilo de soporte
• Disposición de la mesa de soporte
• Validación del formulario de soporte
• Formularios de soporte en múltiples idiomas

Marcos de interfaz de usuario compatibles

Si le resulta útil, puede hacer clic en "Estrella" en la esquina superior derecha para respaldarlo. ¡Gracias! Este proyecto aún se encuentra en continuo desarrollo y mejora. Si tiene alguna sugerencia o pregunta, envíela aquí.

Grupo de discusión de desarrolladores 629709230

• Avance

diseñador de computadoras

CDN:

 < link rel =" stylesheet " href =" https://unpkg.com/element-plus/dist/index.css " > </ link >
< script src =" https://unpkg.com/vue " > </ script >
< script src =" https://unpkg.com/element-plus/dist/index.full.js " > </ script >
< script src =" https://unpkg.com/@form-create/element-ui@next/dist/form-create.min.js " > </ script >
< script src =" https://unpkg.com/@form-create/designer@next/dist/index.umd.js " > </ script >

NodosJ:

npm install @form-create/designer@next
npm install @form-create/element-ui@next
npm install element-plus

 import FcDesigner from '@form-create/designer'
import ELEMENT from 'element-plus' ;
import 'element-plus/dist/index.css' ;

app . use ( ELEMENT ) ;
app . use ( FcDesigner )
app . use ( FcDesigner . formCreate )

usar

 < fc-designer ref =" designer " /> 

Diseñador móvil

CDN:

 < link rel =" stylesheet " href =" https://unpkg.com/element-plus/dist/index.css " > </ link >
< link rel =" stylesheet " href =" https://unpkg.com/vant@4/lib/index.css " />
< script src =" https://unpkg.com/vue " > </ script >
< script src =" https://unpkg.com/element-plus/dist/index.full.js " > </ script >
< script src =" https://unpkg.com/vant@4/lib/vant.min.js " > </ script >
< script src =" https://unpkg.com/@form-create/element-ui@next/dist/form-create.min.js " > </ script >
< script src =" https://unpkg.com/@form-create/vant@next/dist/form-create.min.js " > </ script >
< script src =" https://unpkg.com/@form-create/vant-designer@next/dist/index.umd.js " > </ script >

NodosJ:

npm install @form-create/vant-designer@next
npm install @form-create/element-ui@next
npm install @form-create/vant@next
npm install element-plus
npm install vant

 import FcDesignerMobile from '@form-create/vant-designer'
import ELEMENT from 'element-plus' ;
import vant from 'vant' ;
import 'vant/lib/index.css' ;
import 'element-plus/dist/index.css' ;

app . use ( ELEMENT )
app . use ( vant )
app . use ( FcDesignerMobile )
app . use ( FcDesignerMobile . formCreate )

usar

 < fc-designer-mobile ref =" designer " /> 

conectar

Licencia

MIT

Copyright (c) 2021-presentxaboy