Перевод текста:

日本語 | English | 简体中文 | Spanish

概要

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

• Демо-страница.

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

• Gitter.

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

• Wiki.

• Рекомендуемый простой шаблон: vue-admin-template.

• Версия для рабочего стола: electron-vue-admin.

• Шаблон на TypeScript: vue-typescript-admin-template (спасибо: @Armour).

• awesome-project.

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

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

Старые браузеры не поддерживают этот проект (например, IE), поэтому рекомендуется добавить polyfill при необходимости. Подробности здесь.

Предварительные требования

Для локальной разработки требуется установить node и git. Проект использует ES2015+, vue, vuex, vue-router, vue-cli, axios и element-ui. Для тестирования используется фиктивный сервер Mock.js.

Мы приветствуем исправления ошибок и предложения новых функций.

Спонсоры

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

Akveo

<img width="500px" Vue-Element-Admin: функции и начало работы

• Java backend для Vue admin с 20% скидкой за 39$ по промокоду SWB0RAZPZR1M.

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

Функции:

— Логин / выход.
— Аутентификация:
— страницы с правами доступа;
— разрешения прав доступа;
— настройка прав доступа;
— вход с помощью внешнего ID.

— Развёртывание в нескольких средах: dev, sit, stage, prod.
— Общие функции:
— переключение между языками;
— смена тем;
— меню сайта (генерируется из корня);
— навигация по списку навигации;
— навигационная панель вкладок;
— иконки SVG Sprite;
— локальные/серверные данные;
— Screenfull.

— WYSIWYG: TinyMCE, Markdown, JSON.
— Excel: экспорт, импорт, чтение, Zip.
— Таблицы: динамические таблицы, таблицы с перетаскиванием и изменением порядка строк, таблицы с редактированием на месте.
— Страницы ошибок: 401, 404.
— Компоненты: загрузка аватара, возврат к началу, диалоговое окно перетаскивания, выбор перетаскивания, Kanban перетаскивания, список перетаскивания, разделение страниц, Dropzone, стикер, 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.

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

Изменения:

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

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

Предварительный просмотр: https://panjiachen.github.io/vue-element-admin/.

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

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

Поддерживаются современные браузеры и Internet Explorer 10+.

Лицензия MIT.