Form Generator Antdv

Ant Design Vue — форма и генератор кода

Form Generator Antdv — это инструмент для проектирования форм и генерации кода на основе Ant Design Vue. Он был перенесён из проекта form-generator, который использует Element UI.

Form Generator Antdv поддерживает все компоненты для ввода данных (Data Entry), а также некоторые другие:

• Grid — компонент для создания сеток;
• Button — кнопка.

Сгенерированный код можно запустить в проекте на базе Ant Design Vue или экспортировать в формате JSON и использовать специальный анализатор для преобразования в реальную форму.

JSON-анализатор

Анализатор преобразует сохранённые в базе данных формы в формате JSON в реальные формы. Онлайн-пример доступен по адресу https://fga.setworld.net/#/parser.

Для установки анализатора выполните команду:

npm i form-gen-antdv-parser

Дополнительную информацию см. на странице https://github.com/fuzui/form-generator-antdv/tree/master/src/components/parser.

Начало работы

1. Подготовка среды: установите Node.js и Git.
2. Установка: клонируйте репозиторий с помощью команды git clone или загрузите архив с GitHub.
3. Локальная разработка: перейдите в корневой каталог проекта и выполните команды:

   npm install
   Если установка занимает слишком много времени, используйте команду:

   npm install --registry=https://registry.npm.taobao.org
   Затем выполните команду:

   npm run serve
   Откройте браузер и перейдите по адресу http://localhost:8080/.
4. Сборка: выполните команду:

   npm run build

Документация Если вам нужна дополнительная информация или помощь, обратитесь к документации проекта form-generator. Автор проекта JakHuang подробно описывает его работу.

Благодарности Благодарим автора проекта form-generator JakHuang за его работу, а также проект Ant Design Vue и его профессиональную версию Ant Design Vue Pro за предоставленные компоненты и идеи.

Контакты Если вы обнаружили ошибку или у вас есть предложения по улучшению интерфейса, отправьте сообщение через систему отслеживания ошибок на GitHub.

Демонстрация интерфейса К сожалению, не удалось найти изображение, указанное в тексте.