Введение

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

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

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

Документация

Gitter

Пожертвовать

Wiki

Gitee (доступен для пользователей из Китая)

Базовый шаблон рекомендует использовать: vue-admin-template

Рабочий стол: electron-vue-admin

Typescript: vue-typescript-admin-template (кредиты: @Armour)

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

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

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

Подготовка

Вам необходимо установить node и git локально. Проект основан на ES2015+, Vue, Vuex, Vue-router, Vue-cli, Axios и Element-ui, все данные запросов моделируются с использованием Mock.js. Понимание и изучение этих знаний заранее значительно поможет в использовании этого проекта. Vue Element Admin

Спонсоры

Станьте спонсором и разместите свой логотип в нашем 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, фиктивные данные, полноэкранный режим, адаптивная боковая панель;
• редактор: Rich Text Editor, Markdown Editor, JSON Editor;
• 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 (https://paypal.me/panfree23) или купите кофе (https://buymeacoffee.com/Pan).

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

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

MIT

Авторские права (c) 2017–н. в., PanJiaChen