form create designer

Site oficial | Documentação de ajuda | Demonstração online do FormCreate |

FormCreate designer de formulário de baixo código

@form-create/designer é um componente de designer de formulário de baixo código implementado com base em @form-create/element-ui e ElementPlus. Suporte Vue2 e Vue3

@form-create/vant-designer é um componente móvel de designer de formulários de baixo código implementado com base em @form-create/vant e Vant. Suporte Vue3

Características

• Gere formulários usando dados JSON
• Suporte a componentes personalizados estendidos
• Mais de 30 componentes de formulário e componentes de layout integrados comumente usados
• Fornece API de operação de formulário avançado
• Suporta subformulários e agrupamento
• Configuração de evento de suporte
• Configuração de estilo de suporte
• Layout da mesa de apoio
• Validação do formulário de suporte
• Formulários de suporte em vários idiomas

Estruturas de UI suportadas

Se for útil para você, clique em "Estrela" no canto superior direito para apoiá-lo. Este projeto ainda está em contínuo desenvolvimento e aprimoramento. Se você tiver alguma sugestão ou dúvida, envie-a aqui.

Grupo de discussão de desenvolvedores 629709230

• Visualização

Designer de PC

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 >

NodeJs:

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 " /> 

Designer móvel

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 >

NodeJs:

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

Licença

MIT

Copyright (c) 2021-presentexaboy