Слияние кода завершено, страница обновится автоматически
Введение
Vue-element-admin — это решение для фронтенда бэкенда, основанное на Vue и Element-UI. Оно использует новейшие технологии фронтенда, включает в себя встроенное решение интернационализации i18n, динамические маршруты, аутентификацию и абстрагирует типичные бизнес-модели, предоставляя богатый набор функциональных компонентов. Это поможет вам быстро создать прототип корпоративного продукта для среднего и заднего плана. Независимо от ваших потребностей, этот проект может помочь вам.
Рекомендуется использовать базовый шаблон: vue-admin-template. Для рабочего стола используйте electron-vue-admin. Если вы используете Typescript, рекомендуется использовать vue-typescript-admin-template (спасибо @Armour).
После версии 4.1.0+ мастер-ветка больше не будет поддерживать интернационализацию. Если вам нужна эта функция, используйте ветку i18n. Она будет синхронизироваться с мастером.
Этот проект не поддерживает старые браузеры (например, IE). Если вам нужно, добавьте polyfill самостоятельно подробнее.
В настоящее время версия v4.0+ построена на основе vue-cli. Если у вас есть какие-либо проблемы, пожалуйста, создайте issue здесь. Если вы хотите использовать старую версию, переключитесь на тег 3.11.0, он не зависит от vue-cli.
Следите за обновлениями в группе Круг или присоединяйтесь к группе qq или следите за Weibo.
Предварительная подготовка
Вам необходимо установить node и git локально. Этот проект основан на ES2015+, Vue, Vuex, Vue-router, Vue-cli, Axios и Element-ui. Все запросы данных используют Mock.js для имитации. Предварительное понимание и изучение этих знаний очень поможет при использовании этого проекта.
Также есть серия обучающих статей о том, как построить полный бэкенд-проект с нуля. Рекомендуется прочитать эти статьи перед тем, как приступить к практике этого проекта:
«Рука об руку: создаём компонент Vue»,
«Рука об руке: изящное использование иконок»,
«Рука об руке: как разумно использовать Webpack 4 (часть 1)»,
«Рука об руке: как разумно использовать Webpack 4 (часть 2)».
Если у вас есть вопросы, сначала ознакомьтесь с документацией и статьями по использованию. Если они не помогут, вы можете создать issue или PR.
Станьте спонсором и разместите свой логотип в нашем README на GitHub со ссылкой на свой сайт. [Стать спонсором]
Интеграция с Java на бэкенде, используйте промокод SWB0RAZPZR1M для скидки 20%.
Шаблоны административных панелей с использованием Vue, React и Angular.
- Логин / выход
- Аутентификация
- Страница аутентификации
- Команды аутентификации
- Конфигурация аутентификации
- Двухэтапная аутентификация
- Многоокружная публикация
- dev
- sit
- stage
- prod
- Глобальные функции
- Интернационализация и многоязычность
- Динамическая смена тем оформления
- Динамический сайдбар (поддерживает многоуровневую маршрутизацию)
- Динамические хлебные крошки
- Быстрый переход (табы)
- SVG Sprite иконки
- Локальные/серверные mock данные
- Полноэкранный режим Screenfull
- Адаптивное сжатие сайдбара
- Редактор
- Расширенный текст
- Markdown
- JSON и другие форматы
- Excel
- Экспорт excel
- Импорт excel
- Фронтенд визуализация excel
- Экспорт zip
- Таблицы
- Динамические таблицы
- Перетаскивание таблиц
- Встроенное редактирование
- Страницы ошибок
- 401
- 404
- Компоненты
- Загрузка аватара
- Возврат наверх
- Диалог перетаскивания
- Выбор перетаскивания
- Доска перетаскивания
- Список перетаскивания
- SplitPane
- Dropzone
- Sticky
- CountTo
- Комплексные примеры
- Журнал ошибок
- Панель управления
- Направляющие страницы
- Графики ECharts
- Clipboard (копирование и вставка)
- 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
Для получения дополнительной информации см. документацию по использованию.
Подробные изменения для каждого выпуска описаны в записях о выпуске.
Если вам нравится этот проект, вы можете поддержать автора, купив ему чашку кофе: 
Дополнительные способы пожертвований
Вы также можете поддержать vue-element-admin, покупая официальные стикеры, каждый проданный стикер приносит проекту 2 юаня.
Современные браузеры и Internet Explorer 10+.
| 
IE / Edge | 
Firefox | 
Chrome | [<img
В тексте запроса присутствуют фрагменты кода, которые не удалось перевести. Они сохранены без изменений. ## Лицензия
Авторские права (c) 2017–н. в., PanJiaChen
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )