form create designer

Offizielle Website | . Online - Demonstration |

FormCreate Low-Code-Formulardesigner

@form-create/designer ist eine Low-Code-Formulardesignerkomponente, die auf Basis von @form-create/element-ui und ElementPlus implementiert wird. Unterstützt Vue2 und Vue3

@form-create/vant-designer ist eine mobile Low-Code-Formulardesignerkomponente, die auf Basis von @form-create/vant und Vant implementiert wird. Unterstützen Sie Vue3

Merkmale

• Generieren Sie Formulare mithilfe von JSON-Daten
• Unterstützt erweiterte benutzerdefinierte Komponenten
• Integrierte über 30 häufig verwendete Formularkomponenten und Layoutkomponenten
• Stellt eine Rich-Form-Operations-API bereit
• Unterstützt Unterformulare und Gruppierung
• Unterstützen Sie die Ereigniskonfiguration
• Unterstützungsstilkonfiguration
• Unterstützen Sie das Tabellenlayout
• Unterstützung der Formularvalidierung
• Support-Formulare in mehreren Sprachen

Unterstützte UI-Frameworks

Wenn es für Sie hilfreich ist, können Sie oben rechts auf „Stern“ klicken, um es zu unterstützen. Dieses Projekt wird immer noch weiterentwickelt und verbessert. Wenn Sie Vorschläge oder Fragen haben, senden Sie diese bitte hier.

Entwickler-Diskussionsgruppe 629709230

• Vorschau

PC-Designer

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 )

verwenden

 < fc-designer ref =" designer " /> 

Mobile-Designer

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 )

verwenden

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

verbinden

Lizenz

MIT

Copyright (c) 2021-heutexaboy