README.ja.md · OSCHINA-MIRROR/xuxiaowei-com-cn-vue-element-admin

Перевод текста на русский язык:

概要

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+ по умолчанию в основной ветке master не поддерживается i18n. Используйте ветку master вместе с обновлённой веткой i18n Branch.

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

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

Подготовка

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

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

Спонсоры

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

Akveo

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

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

Flatlogic

Admin Dashboard Templates made with Vue, React and Angular.

Функции

Логин / выход.
Аутентификация:
- страницы с правами доступа;
- разрешения прав доступа;
- настройка прав доступа;
- вход с использованием внешнего ID.
Развёртывание в нескольких средах:
- dev;
- sit;
- stage;
- prod.
Общие функции:
- переключение между несколькими языками;
- смена темы;
- создание меню сайта из корневого каталога;
- навигация в виде списка и навигационной панели;
- навигационная панель с вкладками;
- иконки SVG Sprite;
- локальные данные и данные бэкэнда для мока;
- полноэкранный режим.
WYSIWYG:
- TinyMCE;
- Markdown;
- JSON.
Excel:
- экспорт;
- импорт;
- чтение;
- Zip.
Таблицы:
- динамические таблицы;
- таблицы с перетаскиванием и опусканием;
- таблицы с редактированием на месте.
Страницы ошибок:
- 401;
Компоненты:
- загрузка аватара;
- возврат к началу;
- диалоговое окно перетаскивания;
- выбор с помощью перетаскивания;
- канбан с перетаскиванием;
- список с перетаскиванием;
- разделение страниц;
- Dropzone;
- стикеры;
- CountTo.
Расширенные образцы.
Журнал ошибок.
Дашборд.
Гайд-страницы.
ECharts.
Буфер обмена.
Преобразование Markdown в HTML.

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

# клонируем проект
git clone https://github.com/PanJiaChen/vue-element-admin.git

# переходим в каталог проекта
cd vue-element-admin

# устанавливаем зависимости
npm install

# разрабатываем
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