react antd console

Фронтальные решения для серверных систем управления

?Интернет-просмотр ?Документация

представлять

React-antd-console — это интерфейсное решение для внутренней системы управления. Оно инкапсулирует необходимые функции внутренней системы управления (такие как вход в систему, аутентификация, меню, хлебные крошки, вкладки и т. д.), чтобы помочь разработчикам. сосредоточиться на быстром развитии бизнеса. Проект основан на новых версиях, таких как React 18 , Ant design 5 , Vite и TypeScript . Все используемые технологии будут постоянно обновляться до последних версий.

Кто должен его использовать?

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

как можно проще

Независимо от того, используете ли вы этот проект для разработки или обучения, важно сохранять его простоту. Поэтому в этом проекте основное внимание уделяется: хорошему проектированию иерархии кода, четко определенной структуре каталогов, классификации модулей, которую легко изменить и заменить, и т. д. Этот проект сводит к минимуму инкапсуляцию некоторых необходимых функций, таких как вход в систему, аутентификация, меню, хлебные крошки, вкладки и т. д. Если у вас нет собственного дизайна пользовательского интерфейса, вы можете напрямую использовать функции, инкапсулированные в этом проекте, если у вас есть собственный дизайн пользовательского интерфейса, вы также можете внести удобные модификации на основе этого проекта;

Этот проект пропагандирует минимализм, а основной исходный код составляет всего около 3400 строк. Начать легко. Помимо документации, есть также серия статей, которые помогут вам лучше освоить и использовать:

• Нога к ноге, позвольте вам использовать реакцию для мастурбации за кулисами, первая серия (Vite)
• Взаимодействие, позвольте вам использовать React для игры в бэкэнд, Series 2 (Project Skeleton)
• Последовательно, позвольте вам использовать React для освоения серверной части, серия 3 (макет и аутентификация)

Функция

• Новейший стек технологий : Vite (поддерживает热更新), React18 , Ant Design5 , TypeScript (почти 100% охват типов).
• Фокус на бизнесе : инкапсулированный макет (боковое меню, хлебные крошки, вкладки, верхние и нижние колонтитулы и т. д.), вам нужно专注于业务开发
• Управление разрешениями : поддерживает разрешения菜单级и按钮级
• Конфигурация маршрутизации : минималистская конфигурация, которая автоматически генерирует маршрутизацию, меню, хлебные крошки и т. д., поддерживает вложенную маршрутизацию, одинарную структуру или отсутствие макета и другие конфигурации, поддерживает динамические изменения в маршрутизации и т. д.
• Управление данными :分层архитектура (данные и представление), решение для управления данными теоретически поддерживает доступ к любой библиотеке/фреймворку рендеринга пользовательского интерфейса (включая, помимо прочего, React/Vue/Angular).
• ? Изменение цвета кожи : поддерживает любое переключение цвета в режиме темного/светлого тона кожи.
• ?️Мульти-вкладки : перетаскиваемые несколько вкладок, поддержка постоянства, контекстное меню и т. д.
• ? Элегантная анимация : поддерживает анимацию переключения маршрута, вкладку, меню, анимацию функциональных кнопок и т. д.
• Другие функции : такие как响应式设计,国际化, Mock ,环境配置,工程化规范и т. д.

быстрый старт

 # 安装依赖
npm i

# 启动服务
npm start

Доступ через браузер http://localhost:9527

строить

 # 构建生产环境包
npm run build:prod

Совместимость с браузером

Совместимо с браузерами, поддерживающими es2015, несовместимо с IE. Рекомендуется не менее:

• Хром >=87
• Firefox >=78
• Сафари >=14
• Край >=88

тема

Любой основной переключатель цвета

Желток

Темный

Океан

Монокай

Космический

несколько тегов

?Интернет-просмотр ?Документация

Как поддержать этот проект?

• Если вам нравится этот проект или вы считаете, что он вам полезен, поставьте нашему проекту звездочку ️
• Создавать запросы на включение, сообщать о проблемах, предлагать новые функции или обновлять документацию?