Система автоматизированного управления Vue

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

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

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

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

Введение

nx-admin представляет собой решение для интеграции систем управления на базе фронтенд. Оно создано на основе vue, а также использует инструментарий пользовательского интерфейса element.

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

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

Склад Github | Склад Gitee | Предварительный просмотр

Подготовка

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

Связанные документы

• Босс попросил меня за десять минут разобраться с nx-admin
• Управление правами пользователя Vue2.0
• Переключение тем с помощью elementui на Vue2.0 (настраиваемая тема)
• Обработка интернационализации Vue — vue-i18n и автоматическое переключение между китайским и английским языками в проекте
• Создание среды модульного тестирования Vue2 (karma + mocha + webpack3)
• Реализация анимации ожидания загрузки на первом экране в Vue
• Добавление функции блокировки экрана в проект Vue
• Добавление динамического заголовка браузера в проект Vue

Этот проект заимствован из шаблона flower vents vueAdmin-template

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

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

Скачать

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

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

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

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

Проект nx-admin

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

Номер группы: 493671066. Добро пожаловать!

Другие вопросы

1. Если я не хочу использовать некоторые из перечисленных компонентов, как я могу удалить их из шаблона, не затрагивая другие функции?

Например, я не хочу использовать компонент vue-quill-editor, поэтому мне нужно выполнить три шага:

• Шаг 1: удалите маршрутизацию этого компонента, найдите маршрут для реорганизации в каталоге SRC /router/index.js и удалите следующий код:

  {
        path: 'VueEditor',
        name: 'VueEditor',
        component: () => import('@/views/form/VueEditor'),
        meta: { title: 'VueEditor' }
  },

• Шаг 2: удалите файл, который вводил компонент. Удалите файл vueediter.vue в каталоге SRC /view/form/.

• Шаг 3: удалите компонент. Выполните следующую команду:

  npm un vue-quill-editor -S

Готово.

Функции

• Вход / Выход

• Проверка прав доступа

  • Права на страницу
  • Права директивы

• Сборка для нескольких сред

  • dev sit stage prod

• Глобальные функции

  • Блокировка экрана
  • Запрос
  • Переход на github
  • I18n
  • Несколько динамических тем
  • Динамическая боковая панель (поддерживает многоуровневую маршрутизацию)
  • Динамический хлебный крошки
  • Теги-просмотр (поддержка операции щелчка правой кнопкой мыши на вкладке страницы)
  • Svg Sprite
  • Мок-данные
  • Полноэкранный режим
  • Адаптивная боковая панель

• Редактор

  • Редактор форматированного текста
  • Редактор Markdown

• Excel

  • Экспорт Excel
  • Экспорт zip
  • Загрузка Excel
  • Визуализация Excel

• Таблица

  • Дерево таблицы
  • Встроенный редактор таблиц

• Страница ошибок

  • 401
  • 404

• Компоненты

  • Вернуться наверх
  • Перетаскиваемый диалог
  • Перетаскиваемая канбана
  • Перетаскиваемый список
  • SplitPane
  • Dropzone
  • Sticky
  • CountTo

• Панель управления

• V-диаграммы

• Анимация

• Буфер обмена

• Преобразование Markdown в HTML

• Fontawesome

• Vuex Локальное постоянное хранилище, упаковка H5 SessionStorage и LocalStorage

• Меню правого клика

• Github-emoji

• Сторонний веб-сайт

• Динамическое текстовое описание

Вы можете внести свой вклад в разработку nx-admin (написание кода/перевод документации).

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

# клонировать проект
git clone https://github.com/mgbq/nx-admin.git

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

# разработка
npm run dev

Это автоматически откроет http://localhost:9528.

Сборка

# сборка для тестовой среды
npm run build:sit

# сборка для производственной среды
npm run build:prod

Дополнительно

# --report для сборки с аналитикой размера пакета
npm run build:prod --report

# --preview для запуска локального сервера для предварительного просмотра
npm run build:prod --preview

# проверка кода
npm run lint

# автоматическое исправление
npm run lint -- --fix

Пожертвование Купите мне кофе ~

Лицензия

MIT Copyright (c) 2018-present nxmin