Управление backend с помощью Vue

Конструктор форм Vue### Основные характеристики

• Поддержка библиотеки компонентов ElementUI, в будущем планируется добавление поддержки других библиотек компонентов
• Поддержка до 37 типов контролов (по мере необходимости будут добавлены новые), что позволяет удовлетворять различные бизнес-потребности
• Поддержка контролов вложенных форм, позволяющая реализовать три типа данных:

model: {
    obj: {},        // Объектная форма
    arr: [],        // Аrrayная форма
    objArr: [{}]    // Объектно-массивная форма
}

• Детализированная конфигурация компонентов, которая практически полностью воспроизводит все настройки соответствующих компонентов библиотеки, хотя менее используемые настройки мы переместили в продвинутые настройки для удобства интерфейса

• Возможность генерации JSON для обратной передачи формы (требуется установка @jvue/jform внутренний доступ (gitee))

  • Формат следует структуре vue render, использование функции render для анализа JSON обеспечивает плавное и естественное преобразование
  • Поддержка специальных синтаксических конструкций для прямой передачи атрибутов, событий и слотов внутренним контролам рендера, что делает гибкость JSON моделей не уступающей напрямую созданию Vue кода. Мы также предоставляем такие параметры как текущий экземпляр формы и модель формы для удобства разработки- Возможность создания Vue-кода непосредственно, если вы предпочитаете не использовать JSON-модели, можно выбрать этот метод, который прост и эффективен. Созданный Vue-код не требует зависимостей и может быть скопирован прямо в ваш проект для выполнения.

• Поддержка сложных правил проверки форм.

• Возможность быстрого создания шаблонов форм через импорт SQL-запросов на создание таблиц; после получения запроса от коллег-backend его можно импортировать и быстро создать шаблон формы, который затем можно будет легко адаптировать для использования.

• Гибкая комбинация контролов, чем более гибкий конструктор форм, тем меньше вероятность столкнуться с трудностями при выполнении различных задач.## Ссылки

• Онлайн адрес конструктора форм Vue

  • Официальный сайт (рекомендуется)
  • GitHub
  • Внутренний доступ (gitee)

• Онлайн документация конструктора форм Vue (в процессе написания, скоро будет выпущена)

  • GitHub
  • Внутренний доступ (gitee)

Часто задаваемые вопросы (FAQ)

1. Для кого предназначен конструктор форм?

   • Те, кто устал от однообразия кода форм и хочет использовать технологические средства для генерации кода, который можно немного изменить и сразу использовать;
   • Вторые разработчики, работающие с backend и пишущие frontend, но не очень знакомые с Vue или свойствами компонентной библиотеки;
   • Новички в профессии, желающие учиться и использующие сгенерированный код как учебный материал.

2. Как интегрировать в свой проект?

   • Используйте технологию iframe;
   • Пример доступен по адресу интеграция;
   • Достаточно добавить параметр ?fullScreen=2 после адреса конструктора форм, чтобы получить полноэкранный режим.

3. Как обратиться к автору с предложениями и требованиями?

   • Оставьте Issues внутренний(gitee);
   • Используйте функцию "Связаться с нами" в верхнем правом углу страницы конструктора форм;
   • Присоединитесь к нашему сообществу для технического обсуждения.## Сообщество для технического обсуждения

Используйте QQ App для сканирования QR-кода и присоединения к нам для обсуждения.

## Разработка плана

• v1.0.1
  1. Добавлено новое действие «Создание», которое позволяет создавать формы с точки зрения данных
  2. Добавлена возможность импорта SQL-запроса для создания таблицы, что позволяет быстро создать шаблон формы
• v1.0.2
  1. Поддержка отмены действий и повтора действий
• v1.0.3
  1. Функция генерации кода теперь поддерживает создание упрощённого кода, где свойства компонентов библиотеки компонентов со значениями по умолчанию не включаются в код, хотя это является опциональной функцией
  2. После импорта SQL-запроса для создания таблицы, можно одним щелчком мыши преобразовать все контролы в контролы типа "описание", а также отключить все правила проверки, что полезно для быстрого создания формы "детали"
  3. Поддерживается удаление всех правил проверки формы одним щелчком мыши
  4. Конфигурация формата данных для слотов контрола теперь может быть не установлена (по умолчанию), если она не установлена, то соответствующее свойство не будет создано в модели формы
  5. Страница генерации кода теперь поддерживает его копирование одним щелчком мыши
• v2.0.0 v1.0.4 Вначале планировалось добавить две новые возможности, но при работе над ними были выявлены проблемы, и было решено полностью переработать код. Чтобы обеспечить лучший опыт использования, было принято решение выпустить версию 2.0, которая совместима с Vue2. Это официальный выпуск проекта, документация и официальный сайт будут запущены одновременно. Это может занять некоторое время, но не волнуйтесь, мы не забросили проект.

1. Официально представлен режим динамической генерации JSON, документация доступна.
2. Добавлен новый контроль «Разделение панели», который относится к контролам для размещения.
3. Есть ещё много других улучшений, которые можно найти в разделе «Журнал обновлений» после официального выпуска версии 2.0.