Элемент-UI (Element-UI)

Все запросы данных используют Mock.js для имитации, предварительное изучение и освоение этих знаний будет очень полезно при использовании этого проекта.

Также есть серия обучающих статей о том, как с нуля построить полноценный бэкенд-проект. Рекомендуется сначала прочитать эти статьи, а затем приступить к практике в рамках данного проекта:

1. «Рука об руку: создаём бэкенд с помощью Vue» — серия 1 (основы).
2. «Рука об руке: создаём бэкенд с помощью Vue» — серия 2 (права доступа).
3. «Рука об руке: создаём бэкенд с помощью Vue» — серия 3 (практика).
4. «Рука об руке: создаём бэкенд с помощью Vue» — серия 4 (VueAdmin — минималистичный шаблон бэкенда).
5. «Рука об руку: создаём бэкенд с помощью Vue» — серия 5 (v4.0, новая версия).
6. «Рука об руку: создаём компонент Vue».
7. «Рука об руку: используем иконки со вкусом».
8. «Рука об руку: разумно используем webpack4 (часть 1)».
9. «Рука об руку: разумно используем webpack4 (часть 2)».

Если у вас возникли проблемы, пожалуйста, сначала ознакомьтесь с документацией и статьями выше. Если они не помогут, вы можете создать issue или PR.

Спонсоры

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

Akveo

Интеграция с Java-бэкендом, используйте промокод SWB0RAZPZR1M для получения скидки 20 %.

Flatlogic

Шаблоны административных панелей на Vue, React и Angular.

Функции

• Логин / выход.
• Проверка прав доступа:
  • страницы;
  • команды;
  • настройка прав;
  • двухфакторная аутентификация.
• Публикация в нескольких средах:
  • dev;
  • sit;
  • stage;
  • prod.
• Глобальные функции:
  • многоязычность;
  • динамическая смена тем;
  • боковая панель (поддерживает многоуровневую маршрутизацию);
  • хлебные крошки;
  • быстрые ссылки (табы);
  • SVG-спрайты;
  • локальные / серверные фиктивные данные;
  • полноэкранный режим;
  • адаптивное сворачивание боковой панели.
• Редактор:
  • форматированный текст;
  • Markdown;
  • JSON и другие форматы.
• Excel:
  • экспорт в Excel;
  • импорт из Excel;
  • визуализация Excel на стороне клиента;
  • экспорт ZIP.
• Таблицы:
  • динамические таблицы;
  • перетаскиваемые таблицы;
  • встроенное редактирование.
• Страницы ошибок:
  • 401;
• Компоненты:
  • аватар;
  • возврат наверх;
  • диалог перетаскивания;
  • выбор перетаскивания;
  • доска перетаскивания;
  • список перетаскивания;
  • SplitPane;
  • Dropzone;
  • Sticky;
  • CountTo.
• Комплексные примеры.
• Журнал ошибок.
• Панель управления.
• Графики ECharts.
• Буфер обмена (копирование и вставка).
• Markdown2html.

Разработка

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

# Перейти в каталог проекта
cd vue-element-admin

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

# Рекомендуется не использовать cnpm для установки зависимостей напрямую, это может вызвать различные странные ошибки. Вы можете решить проблему с медленной загрузкой npm с помощью следующей операции
npm install --registry=https://registry.npm.taobao.org

# Запустить сервис
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

Для получения дополнительной информации см. документацию по использованию.

Changelog

Подробные изменения для каждого выпуска описаны в примечаниях к выпуску.

Онлайн-демонстрация

Онлайн-демонстрация

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

Если этот проект вам помог, вы можете поддержать автора, купив ему чашку кофе:

Дополнительные способы пожертвований

PayPal Me

Buy me a coffee

Покупка стикеров

Вы также можете поддержать vue-element-admin, купив официальные стикеры, каждый проданный стикер приносит проекту 2 юаня.

Поддержка браузеров

Современные браузеры и Internet Explorer 10+.

| |