form create designer

Официальный сайт | Справочная документация | Онлайн-демонстрация | Мобильная онлайн-демонстрация | Документация FormCreate

FormCreate конструктор форм с низким кодом

@form-create/designer — это компонент дизайнера форм с низким кодом, реализованный на основе @form-create/element-ui и ElementPlus. Поддержка Vue2 и Vue3.

@form-create/vant-designer — это мобильный компонент дизайнера форм с низким кодом, реализованный на основе @form-create/vant и Vant. Поддержка Vue3

Функции

• Создание форм с использованием данных JSON
• Поддержка расширенных пользовательских компонентов
• Встроенные более 30 часто используемых компонентов форм и компонентов макета.
• Предоставляет расширенный API операций с формами.
• Поддерживает подчиненные формы и группировку.
• Поддержка конфигурации событий
• Поддержка конфигурации стиля
• Поддержка макета таблицы
• Проверка формы поддержки
• Поддержка форм на нескольких языках

Поддерживаемые платформы пользовательского интерфейса

Если это было для вас полезно, вы можете нажать «Звезда» в правом верхнем углу, чтобы поддержать его. Спасибо! Этот проект все еще находится в стадии постоянного развития и улучшения. Если у вас есть какие-либо предложения или вопросы, оставляйте их здесь.

Группа обсуждения разработчиков 629709230

• Предварительный просмотр

ПК-дизайнер

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 )

использовать

 < fc-designer ref =" 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 >

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 )

использовать

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

соединять

Лицензия

Массачусетский технологический институт

Copyright (c) 2021-presentxaboy