Введение

nx-admin — это открытая интегрированная система управления на основе Vue и Element. Она использует новейшие технологии фронтенда, включает встроенное решение для интернационализации i18, динамические маршруты, аутентификацию и абстрагирует типичные бизнес-модели, предоставляя богатый набор функциональных компонентов. Система помогает быстро создавать прототипы корпоративных бэкендов.

Описание

Система nx-admin предназначена для помощи разработчикам в создании корпоративных продуктов с минимальными затратами времени и ресурсов.

Китайская документация

Полная версия:

— Репозиторий Github; — Репозиторий кода Cloud; — Предварительный просмотр адреса Github; — Адрес предварительного просмотра кода Cloud.

Упрощённая версия:

— Репозиторий Github; — Репозиторий кода Cloud; — Предварительный просмотр.

Подготовка к работе

Для работы с системой необходимо установить на локальном компьютере Node и Git. Проект основан на ES2015+, Vue, Vuex, Vue-Router, Axios и Element-UI. Все запросы данных используют Mock.js для имитации, поэтому предварительное знакомство с этими технологиями поможет при использовании проекта.

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

Как освоить nx-admin за 10 минут

Реализация контроля разрешений пользователей в Vue2.0

Имитация входа и операций CRUD с таблицами с помощью Mock.js

Настройка тем с использованием elementui

Обработка интернационализации в Vue с помощью vue-i18n

Создание среды тестирования Vue2 (karma+mocha+webpack3)

Добавление анимации ожидания загрузки на первый экран в Vue

Внедрение функции блокировки экрана в проекте Vue

Добавление динамического заголовка браузера в проект Vue

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

Примечание: этот проект использует версию element-ui@2.3.0+, поэтому требуется версия Vue@2.5.0+

Загрузка

Git: git clone https://github.com/mgbq/nx-admin.git

npm: npm install

Демонстрация

Тестовые учётные данные:

1. username: admin
 password: любой
2. username: editor
 password: любой

Адрес демонстрации:

Vue-система управления.

nx-admin project

nx-admin — полностью открытый бесплатный проект по интеграции систем управления, разработанный nxmin в свободное время. Если вам также нравится разработка фронтенда, присоединяйтесь к нашей группе обсуждения/обучения. Здесь можно задавать вопросы, искать ответы, делиться учебными материалами или просто общаться.

Техническая поддержка и общение в QQ-группе

Номер группы: 493671066. Здесь вам помогут решить проблемы с nx-admin, ответят на вопросы и дадут советы. Вступление в группу бесплатное, стоимость установлена на уровне 0,9 юаня. Пожалуйста, поймите нас правильно. Мы приглашаем всех присоединиться.

Другие примечания

Как изменить цвета на свои?

Шаг 1: измените код в src/styles/variables в разделе //sidebar.

Шаг 2: внесите изменения в код в src/views/layout/components/Sidebar/index.vue в части кода цвета.