slash admin

Слэш Админ

Slash Admin — это современный шаблон панели администратора, созданный с помощью React 18, Vite, Ant Design и TypeScript. Он предназначен для того, чтобы помочь разработчикам быстро создавать мощные системы административного управления.

Предварительный просмотр · Discord · Документ

английский | 中文

Спонсор

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

• https://admin.slashspaces.com/

Функции

• Построен с использованием хуков React 18.
• Работает на платформе Vite для быстрой разработки и горячей замены модулей.
• Интегрирует Ant Design, предоставляя богатый набор компонентов пользовательского интерфейса и шаблонов проектирования.
• Написанный на TypeScript, обеспечивающий безопасность типов и улучшенный опыт разработки.
• Адаптивный дизайн, адаптирующийся к различным размерам экранов и устройств.
• Гибкая настройка маршрутизации, поддержка вложенных маршрутов.
• Интегрированный контроль доступа на основе ролей пользователей.
• Поддерживает интернационализацию для легкого переключения языков.
• Включает общие функции администрирования, такие как управление пользователями, управление ролями и управление разрешениями.
• Настраиваемые темы и стили для удовлетворения ваших потребностей в брендинге.
• Решение для макетирования на основе MSW и Faker.js.
• Управление состоянием с помощью Zustand.
• Получение данных с помощью React-Query.

Быстрый старт

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

git clone https://github.com/d3george/slash-admin.git

Установить зависимости

В корневом каталоге проекта выполните следующую команду, чтобы установить зависимости проекта:

pnpm install

Запустите сервер разработки

Выполните следующую команду, чтобы запустить сервер разработки:

pnpm dev

Посетите http://localhost:3001, чтобы просмотреть свое приложение.

Сборка для производства

Запустите следующую команду, чтобы собрать производственную версию:

pnpm build

Развертывание Докера

Создать образ и запустить контейнер

построить образ

Введите корневой каталог проекта в терминале и выполните следующую команду для создания образа Docker:

 docker build -t your-image-name .

Обязательно замените your-image-name на собственное имя изображения.

запустить контейнер

Запустите приложение в контейнере Docker, используя следующую команду:

 docker run -p 3001:80 your-image-name

Это запустит ваше приложение на порту 80 (представленном в Dockerfile ) контейнера и сопоставит его с портом 3001 на вашем хосте.

Теперь вы можете получить доступ к http://localhost:3001 для просмотра развернутых приложений.

используйте docker-compose.yaml

Введите корневой каталог проекта в терминале и выполните следующую команду, чтобы запустить Docker Compose:

 docker-compose up -d

Docker Compose создаст образ на основе конфигурации, определенной в файле docker-compose. yaml» и запустите контейнер в фоновом режиме.

После успешного запуска контейнера к нему также можно получить доступ через http://localhost:3001 для просмотра развернутых приложений.

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

reference.commitlint.config.js

• feat возможности
• fix исправить
• docs или комментарии
• формат кода style (изменения, не влияющие на выполнение кода)
• refactor рефакторинг
• оптимизация perf
• revert вернуть фиксацию
• test связанный с тестом
• chore изменения в процессе строительства или вспомогательные инструменты
• ci изменить конфигурацию и сценарии CI
• изменения в файле определения типа types
• wip в разработке