Vue-element-plus-admin

Введение

Vue-element-plus-admin — это бесплатный шаблон для бэкенда и мидлвар, основанный на element-plus. Он разработан с использованием новейших основных технологий, таких как vue3, vite и typescript. Готовое решение для фронтенда среднего и заднего плана можно использовать в качестве стартового шаблона проекта и справочного материала для обучения. Мы всегда следим за последними технологическими тенденциями и обновляем их как можно скорее.

Vue-element-plus-admin позиционируется как схема интеграции бэкенда, которая не подходит для вторичного развития в качестве основного шаблона. Поскольку он объединяет множество функций, которые вам могут не понадобиться, это может привести к большому избытку кода. Если ваш проект не обращает внимания на эту проблему, вы также можете напрямую выполнить вторичное развитие на его основе.

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

Особенности

• Современное развитие фронтенда: использование технологий разработки фронтенда, таких как Vue3/vite4.
• TypeScript: язык программирования JavaScript уровня приложения.
• Тематизация: настраиваемые темы.
• Интернационализация: встроенная полная программа интернационализации.
• Mock Server: встроенная схема фиктивных данных.
• Авторизация: встроенная полная схема динамического создания разрешений маршрутизации.
• Компоненты: несколько часто используемых компонентов инкапсулированы дважды.
• Примеры: встроенные богатые примеры.

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

• vue-element-plus-admin — полная версия сайта на github.
• vue-element-plus-admin — полная версия сайта на gitee.

Учётная запись: admin/admin. Онлайн-примеры по умолчанию не применяют фильтрацию меню, а используют статическую маршрутизацию.

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

Подготовка

• Node и git — среда разработки проекта.
• Vite — знакомство с функциями vite.
• Vue3 — знакомство с основным синтаксисом Vue.
• Typescript — знакомство с базовым синтаксисом TypeScript.
• Es6+ — знакомство с базовым синтаксисом es6.
• Vue-Router-Next — знакомство с основами использования vue-router.
• Element-Plus — знакомство с основными принципами использования element-plus.
• Mock.js — базовый синтаксис mockjs.

Установка и использование

• Получите код проекта:

git clone https://github.com/kailong321200875/vue-element-plus-admin.git

• Установите зависимости:

cd vue-element-plus-admin
pnpm install

• Запустите:

pnpm run dev

• Соберите:

pnpm run build:pro

Журнал изменений CHANGELOG.

Как внести свой вклад Вы можете создать задачу или отправить пул реквест:

1. Создайте форк кода.
2. Создайте свою собственную ветку: git checkout -b feat/xxxx.
3. Внесите изменения: git commit -am 'feat(function): add xxxxx'.
4. Отправьте свою ветку: git push origin feat/xxxx.
5. Отправьте пул реквест.

Спецификации для отправки пул реквеста в Git

• feat: новые функции.
• fix: исправление ошибок.
• docs: документация.
• style: форматирование и стиль (изменения, которые не влияют на работу кода).
• refactor: рефакторинг.
• perf: оптимизация, например, улучшение производительности и опыта использования.
• test: добавление тестов.
• build: модификации, связанные с компиляцией, изменения в построении проекта или зависимостях.
• ci: модификация непрерывной интеграции.
• chore: изменения в процессе построения или вспомогательных инструментах.
• revert: откат к предыдущей версии.
• workflow: улучшение рабочего процесса.
• mod: неопределённая классификация модификаций.
• wip: в разработке.
• types: типы.

Поддержка браузеров

Для локальной разработки рекомендуется использовать браузер Chrome 80+. Поддерживаются современные браузеры, кроме IE.

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

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

Paypal Me

Мой QR-код

Если у вас есть предложения по сотрудничеству или аутсорсингу проектов, отсканируйте код, чтобы добавить меня в друзья и оставить сообщение о вашей цели.

Лицензия

MIT