OSCHINA-MIRROR/zdxxxjz-vue-element-admin

Английский | Китайский | Японский | Испанский

Введение

vue-element-admin — это готовое к использованию решение для административных интерфейсов. Оно основано на Vue и использует набор инструментов UI Element UI.

vue-element-admin основан на новом разработочном стеке Vue и имеет встроенное решение i18n, типичные шаблоны для корпоративных приложений и множество отличных возможностей. Это помогает вам создавать крупные и сложные одностраничные приложения. Я уверен, что независимо от ваших потребностей, этот проект поможет вам.- Просмотр

Документация
Gitter
Пожертвование
Wiki
Gitee Китайским пользователям рекомендуется использовать этот адрес для онлайн просмотра
Базовый шаблон рекомендует использовать: vue-admin-template
Для настольных компьютеров: electron-vue-admin
TypeScript: vue-typescript-admin-template (Автор: @Armour)
awesome-project

С версии v4.1.0+ основной ветки больше нет поддержки i18n. Пожалуйста, используйте ветку i18n, она будет синхронизирована с обновлением основной ветки

Текущая версия — это v4.0+, основанная на vue-cli. Если вы нашли проблему, пожалуйста, создайте тикет. Если вам требуется использование старой версии, вы можете переключиться на ветку tag/3.11.0, которая не зависит от vue-cli

Этот проект не поддерживает низкие версии браузеров (например, IE). Пожалуйста, добавьте полифиллы самостоятельно.

ПодготовкаВы должны установить Node.js и Git локально. Проект основан на ES2015+, Vue, Vuex, Vue Router, Vue CLI, Axios и Element UI, все запросы данных имитируются с помощью Mock.js.

Предварительное понимание и изучение этих технологий значительно помогут работе с этим проектом.

Спонсоры

Станьте спонсором и получите свой логотип на нашем README на GitHub с ссылкой на ваш сайт. [Станьте спонсором]

Шаблоны панелей управления, созданные с использованием Vue, React и Angular.

GitAds

Проект vue-element-admin финансируется следующими инструментами; помогите нам поддерживать проект, просмотрев эти инструменты и зарегистрировавшись на бесплатный пробный период.

Возможности

- Вход / выход

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

- Множественная сборка окружений
  - Разработка (dev)
  - Sit
  - Промежуточное тестирование (stage)
  - Производство (prod)

- Глобальные возможности
  - i18n
  - Многие динамические темы
  - Динамическое меню (поддерживает многоуровневую маршрутизацию)
  - Динамическая навигация
  - Tags-view (Поддержка правого клика мыши в режиме вкладок)
  - Svg Sprite
  - Поддельные данные
  - Полный экран
  - Откликчивкий меню
```- Редактор
  - Редактор богатого текста
  - Редактор Markdown
  - Редактор JSON

- Эксель
  - Экспорт данных в Excel
  - Загрузка данных из Excel
  - Визуализация данных в Excel
  - Экспорт ZIP

- Таблица
  - Динамическая таблица
  - Таблица с возможностью перетаскивания строк
  - Таблица с возможностью редактирования строк в режиме реального времени

- Страницы ошибок
  - 401
  - 404

- Компоненты
  - Загрузка аватара
  - Вернуться вверх
  - Перетаскиваемое диалоговое окно
  - Перетаскивание выбора
  - Перетаскивание доски Kanban
  - Перетаскивание списка
  - Разделение экрана
  - Область перетаскивания
  - Прилипающий контент
  - Подсчёт значений

- Расширенные примеры
- Лог ошибок
- Панель управления
- Инструкции
- ECharts
- Буфер обмена
- Преобразование Markdown в HTML

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

```bash
# Клонировать проект
git clone https://github.com/PanJiaChen/vue-element-admin.git

# Войти в директорию проекта
cd vue-element-admin

# Установить зависимости
npm install

# Запустить разработку
npm run dev

Это автоматически откроет http://localhost:9527

Сборка

# Сборка для среды тестирования
npm run build:stage

# Сборка для среды производства
npm run build:prod

Расширенные возможности

# Предварительный просмотр эффекта среды выпуска
npm run preview

# Предварительный просмотр эффекта среды выпуска + анализ статических ресурсов
npm run preview -- --report

# Проверка формата кода
npm run lint
```# Проверка формата кода и автоматическое исправление
npm run lint -- --fix