form create designer

Site officiel | Documentation d'aide | Démonstration en ligne | Documentation FormCreate

Concepteur de formulaires Low-Code FormCreate

@form-create/designer est un composant de conception de formulaires low-code implémenté sur la base de @form-create/element-ui et ElementPlus. Prise en charge de Vue2 et Vue3

@form-create/vant-designer est un composant de conception de formulaires mobiles low-code implémenté sur la base de @form-create/vant et Vant. Prise en charge de Vue3

Caractéristiques

• Générer des formulaires à l'aide de données JSON
• Prise en charge des composants personnalisés étendus
• Plus de 30 composants de formulaire et composants de mise en page intégrés couramment utilisés
• Fournit une API d'opération de formulaire riche
• Prend en charge les sous-formulaires et le regroupement
• Configuration des événements de prise en charge
• Configuration des styles de prise en charge
• Disposition des tables de support
• Validation du formulaire d'assistance
• Formulaires d'assistance en plusieurs langues

Frameworks d'interface utilisateur pris en charge

Si cela vous est utile, vous pouvez cliquer sur "Étoile" dans le coin supérieur droit pour le soutenir. Merci ! Ce projet est toujours en développement et amélioration continue. Si vous avez des suggestions ou des questions, veuillez les soumettre ici.

Groupe de discussion des développeurs 629709230

• Aperçu

Concepteur de PC

Réseau canadien :

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

NodeJ :

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 )

utiliser

 < fc-designer ref =" designer " /> 

Concepteur mobile

Réseau canadien :

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

NodeJ :

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 )

utiliser

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

connecter

Licence

MIT

Copyright (c) 2021-presentxaboy