form create designer

Situs resmi |. Dokumentasi bantuan | . Demonstrasi online | . Dokumentasi FormCreate

FormCreate perancang formulir kode rendah

@form-create/designer adalah komponen perancang formulir kode rendah yang diimplementasikan berdasarkan @form-create/element-ui dan ElementPlus. Mendukung Vue2 dan Vue3

@form-create/vant-designer adalah komponen perancang formulir kode rendah seluler yang diimplementasikan berdasarkan @form-create/vant dan Vant. Mendukung Vue3

Fitur

• Hasilkan formulir menggunakan data JSON
• Mendukung komponen khusus yang diperluas
• Terintegrasi 30+ komponen formulir dan komponen tata letak yang umum digunakan
• Menyediakan API operasi bentuk kaya
• Mendukung subformulir dan pengelompokan
• Mendukung konfigurasi acara
• Konfigurasi gaya dukungan
• Tata letak tabel dukungan
• Validasi formulir dukungan
• Formulir dukungan dalam berbagai bahasa

Kerangka kerja UI yang didukung

Jika bermanfaat bagi Anda, Anda dapat mengklik "Bintang" di pojok kanan atas untuk mendukungnya. Terima kasih! Proyek ini masih dalam pengembangan dan perbaikan berkelanjutan. Jika Anda memiliki saran atau pertanyaan, silakan kirimkan di sini.

Grup diskusi pengembang 629709230

• Pratinjau

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

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 )

menggunakan

 < fc-designer ref =" designer " /> 

Desainer Seluler

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 >

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 )

menggunakan

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

menghubungkan

Lisensi

MIT

Hak Cipta (c) 2021-sekarangxaboy