vue-element-faster

Описание

• Набор шаблонов для управления backend, основанный на последней версии vue.js 3.x и element-plus 2.x с встроенным модулем управления правами доступа.
• API-интерфейсы основаны на SpringBoot 2.6.*, используются технологии, включая SpringSecurity, Mybatis, Mysql 5.7, Redis, RabbitMq, Swagger 3.0 + Knife4j, JWT и др.
• Зависимости frontend и backend будут постоянно обновляться до последних версий.

Описание функциональности

• Динамическая загрузка международной локализации и маршрутов.
• Высоко настраиваемый. Темы, макеты и компоненты могут быть выбраны самостоятельно.
• Различные стили макета могут использоваться как для систем отображения переднего плана, так и для систем управления backend.
• Одноклик загрузка кода backend API.
• Все функции полностью международны.
• Управление правами доступа на уровне кнопок.
• Полный набор API-интерфейсов управления, демонстрационная версия поддерживает использование имитационных запросов MOCK.
• Продолжительная оптимизация пропускной способности сети, вычислительных мощностей frontend и конфигураций файлов.### Список функций
• Войти
• Выйти
• Изменить пароль
• Выбор темы и размера макета, возможность произвольного сочетания компонентов макета (панели навигации, панели буллитов, расположение меню и др.)
• Управление отделами — создание, изменение, удаление
• Управление пользователями — создание, изменение, удаление, назначение ролей, сброс пароля
• Управление ролями — создание, изменение, удаление, назначение прав
• Управление меню — создание, изменение, удаление, управление правами, права — создание, изменение, удаление
• Загрузка кода backend API — индивидуальное экспортирование кода Java backend по введенным groupId, artifactId, package и другим данным
• Международная локализация всех функций
• Управление правами доступа на уровне кнопок
• Полный набор API-интерфейсов управления, демонстрационная версия поддерживает использование имитационных запросов Mock### В разработке
• Редактор
• Страница регистрации пользователя
• Отображение графиков на главной странице
• Поддержка внешних ссылок меню и iframe
• Экспорт/вывод данных в Excel, печать

Примеры

Адрес демонстрации

Адрес демонстрации Demo

Страница входа

По умолчанию макет backend, фиксированное меню слева

Фиксированное верхнее меню, одновременное отображение меню

Макет системы переднего плана

Выбор различных тем

Приложение 1

Приложение 2

Руководство разработки

Исключения при отображении страниц

Из-за нестабильности версии element-plus 2.x даже при небольших обновлениях версий возникают многочисленные ошибки. Рекомендуется обновить зависимость element-plus до версии, указанной в package.json.

Настройки

Файлы конфигурации находятся в директории src/config-- src/config/request.js #Настройки запроса API
-- src/config/system.js #Настройки системы
-- src/config/theme.js #Настройки темы### Добавление пользовательских иконок SVG Новый файл с иконками следует помещать в директорию src/assets/svg. Пример содержимого SVG можно найти по адресу https://icon-sets.iconify.design/. Для использования компонента применяется следующий синтаксис: IconExtra+ИмяФайла. Например, если имя файла иконки — money.svg, то компонент будет выглядеть так: <IconExtraMoney />.### Инициализация проекта

npm install

Запуск приложения в режиме разработки

npm run serve

Сборка проекта

npm run build

Сборка проекта и анализ размера файлов

npm run report