Vue, Vuex, Vue-router, Vue-cli, Axios и Element-UI — все эти инструменты запрашивают данные, которые симулируются с помощью Mock.js.

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

Спонсоры

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

Стать спонсором (https://www.patreon.com/panjiachen)

Akveo

Получите бэкенд Java для Vue admin с 20% скидкой за 39$ по промокоду SWB0RAZPZR1M.

Flatlogic

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

Функции

• Вход / выход;
• аутентификация с разрешениями: страница разрешений, директива разрешений, конфигурация страницы разрешений, двухэтапный вход;
• сборка для нескольких сред: разработка (dev), sit, тестовая стадия (stage), производство (prod);
• глобальные функции: i18n, несколько динамических тем, динамическая боковая панель (поддерживает многоуровневую маршрутизацию), динамический хлебный крошки, теги-просмотр (поддержка операций правого клика), SVG Sprite, Mock data, Screenfull, адаптивная боковая панель;
• редактор: редактор Rich Text, редактор Markdown, редактор JSON;
• Excel: экспорт Excel, загрузка Excel, визуализация Excel, экспорт zip;
• таблица: динамическая таблица, перетаскивание таблицы, встроенное редактирование таблицы;
• страница ошибок: 401, 404;
• компоненты: загрузка аватара, возврат к началу, диалог перетаскивания, выбор перетаскивания, канбан перетаскивания, список перетаскивания, SplitPane, Dropzone, Sticky, CountTo;
• расширенный пример, журнал ошибок, панель управления, ECharts, буфер обмена, Markdown в HTML.

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

1. Клонируйте проект: git clone https://github.com/PanJiaChen/vue-element-admin.git.
2. Войдите в каталог проекта: cd vue-element-admin.
3. Установите зависимости: npm install.
4. Разработайте: npm run dev.

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

Сборка

1. Соберите для тестовой среды: npm run build:stage.
2. Соберите для производственной среды: npm run build:prod.

Дополнительно

1. Просмотрите эффект от выпуска в рабочей среде: npm run preview.
2. Просмотрите эффект от выпуска в рабочей среде + анализ статических ресурсов: npm run preview -- --report.
3. Проверьте формат кода: npm run lint.
4. Проверьте формат кода и автоматически исправьте: npm run lint -- --fix.

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

Журнал изменений

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

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

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

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

Если вы считаете этот проект полезным, можете купить автору стакан сока.

Платежи также можно осуществить через PayPal или сервис «Buy me a coffee».

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

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