Перевод текста:

Эта ветка представляет собой версию Webpack + Vue3.x + antd, для версии Vite смотрите ветку vite (разветвление) (github, gitee).

Demo

Внимание: в демо используется онлайн-сервис mock, который нестабилен. Если вы не можете войти в систему онлайн, вы можете напрямую запустить и посмотреть демо.

на основе IndexLayout

на основе UniversalLayout

Реальные примеры использования Vue3

• lqsblog-frontend-admin-vue (GitHub, Gitee).

Документация по использованию

• http://admin-antd-vue.liqingsong.cc
• GitHub
• Gitee

Список решений для бэкенда и фронтенда

• admin-element-vue (GitHub, Gitee)
• admin-antd-vue (GitHub, Gitee)
• admin-antd-react (GitHub, Gitee)
• electron-admin-element-vue (GitHub, Gitee)
• electron-admin-antd-vue (GitHub, Gitee)
• electron-admin-antd-react (GitHub, Gitee)
• admin-vue3-micro-qiankun (GitHub, Gitee)

Список решений SSR для фронтенда

• midway-vue3-ssr (GitHub, Gitee)
• midway-react-ssr (GitHub, Gitee)

Функции

- Логин / выход / регистрация

- Проверка прав доступа
  - Права на страницу
  - Операции с кнопками
  - Конфигурация прав

- Глобальные функции
  - Многоязычная поддержка
  - Динамическая боковая панель (поддерживает многоуровневую маршрутизацию)
  - Динамические хлебные крошки (пользовательская конфигурация)
  - Динамическое верхнее меню (поддержка настройки IndexLayout)
  - Режим навигации меню inline/horizontal (поддержка UniversalLayout)
  - Тёмная/светлая тема (поддержка UniversalLayout)
  - Svg Sprite иконки
  - Мок-данные

- Комплексные примеры
  - Руководство
  - Примеры компонентов
    - Редактор
      - CKEditor
      - tui-editor
    - Иконки
      - IconSvg
      - IconFont
  - Примеры страниц
    - Страница списка
      - Стандартный список
      - Таблица списка
      - Адаптивная таблица высоты
      - Поиск списка
    - Формальная страница
      - Базовая форма
      - Расширенная форма      
    - Детальная страница
      - Основная деталь
      - Модульная деталь
      - Детали таблицы
  - Проверка прав

Пользовательские настройки

(Рекомендуется) В локальной или разработке среде не изменяйте '.env.development' напрямую.

Скопируйте '.env.development', переименуйте его в ' .env.development.local' и измените соответствующие параметры.

(Рекомендуется) Не изменяйте напрямую '.env.production' в производственной среде.

Скопируйте '.env.production', переименуйте в ' .env.production.local' и измените соответствующие параметры.

Настройка проекта

Один, установка зависимостей

$ yarn

или

$ npm install

Рекомендуется использовать yarn, см. yarn установка и часто используемые команды .

Два, компиляция и горячая перезагрузка для разработки

$ yarn serve

или

$ npm run serve

Три, компилирует и минимизирует для производства

$ yarn build

или

$ npm run build

Четыре, упрощение svg icon

$ yarn svgo

или

$ npm run svgo

Пять, запуск модульных тестов

yarn test:unit

#

npm run test:unit

Шесть, проверка и исправление файлов

yarn lint

#

npm run lint