Введение

Element UI — это генератор форм и кода, который можно использовать для создания кода для проектов на основе Element. Сгенерированный код можно запускать непосредственно в проектах Vue, основанных на Element. Также можно экспортировать JSON-форму и использовать специальный анализатор для преобразования JSON в реальную форму.

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

  • Внутренний предварительный просмотр: https://mrhj.gitee.io/form-generator.
  • Международный предварительный просмотр: https://jakhuang.github.io/form-generator.

• Репозитории:

  • GitHub: https://github.com/JakHuang/form-generator.
  • Код Cloud: https://gitee.com/mrhj/form-generator.

• Плагин для VSCode: https://github.com/JakHuang/form-generator-plugin.

• Анализатор JSON: https://github.com/JakHuang/form-generator/blob/dev/src/components/parser/example/Index.vue.

Документация

• Упаковка и вызов el-dialog: https://github.com/JakHuang/form-generator/wiki/el-dialog%E7%9A%84%E5%B0%81%E8%A3%85%E4%B8%8E%E8%B0%83%E7%94%A8.
• Анализ основной структуры проекта: https://github.com/JakHuang/form-generator/wiki/%E9%A1%B9%E7%9B%AE%E4%B8%BB%E8%A6%81%E7%BB%93%E6%9E%84%E5%88%86%E6%9E%90.
• Как интегрировать редактор Monaco с помощью npm: https://github.com/JakHuang/monaco-vue-demo.
• Серия учебных пособий:
  • «Дизайнер форм · Учебное пособие»: https://github.com/JakHuang/form-generator/issues/30.
  • «Анализатор форм · Учебное пособие»: https://github.com/JakHuang/form-generator/issues/32.
  • «Генератор кода Vue · Учебное пособие»: https://github.com/JakHuang/form-generator/issues/31.
  • «Предварительный просмотр кода Vue · Учебное пособие»: https://github.com/JakHuang/form-generator/issues/33.
• Таблица соответствия параметров JSON-формы: https://github.com/JakHuang/form-generator/issues/46.

Анализатор JSON

Анализирует JSON-формы, хранящиеся в базе данных, и преобразует их в реальные формы. Онлайн-пример: https://mrhj.gitee.io/form-generator/#/parser.

// Установка
npm i form-gen-parser

Дополнительная информация: https://github.com/JakHuang/form-generator/tree/dev/src/components/parser.

Плагин для VS Code

Помогает разработчикам, использующим Element UI, выполнять основные задачи по созданию кода форм, уменьшая повторяющуюся работу. Плагин для VS Code доступен по ссылке: https://github.com/JakHuang/form-generator-plugin. После установки плагина можно открывать дизайнер форм с помощью контекстного меню.

Запуск

• Убедитесь, что у вас установлен Node.js версии 10 или выше.
• После первой загрузки проекта установите зависимости проекта:
  • yarn.
  • npm install.
• Локальная разработка:
  • npm run dev.
• Сборка:
  • npm run build.

Общение

QQ группы: 976154366 (полная), 1137173566 (полная) и 514953560 (группа 3).

Ссылки

• Vue-admin-beautiful — корпоративное универсальное решение для бэкенда на основе Vue/cli 4, поддерживающее компьютеры, мобильные устройства и планшеты: https://github.com/chuzhixin/vue-admin-beautiful.
• Онлайн-демонстрация Vue-admin-beautiful: http://beautiful.panm.cn/vue-admin-beautiful/#/index.
• Pl-table — идеальное решение проблемы с зависанием таблиц с данными в Element: https://github.com/livelyPeng/pl-table.
• Go-admin.

PR-благодарности

IWANABETHATGUY.

Пожертвования

Если вы считаете, что этот проект был вам полезен, вы можете поддержать автора чашкой кофе. Это поможет развитию открытых проектов. Пожалуйста, после пожертвования добавьте себя в группу QQ: 976154366 и сообщите о своём пожертвовании в личном сообщении администратору группы.

Лицензия с открытым исходным кодом

MIT.