react antd console

백엔드 관리 시스템을 위한 프런트엔드 솔루션

?온라인 미리보기 ?문서 |

소개하다

React-antd-console은 백엔드 관리 시스템에 필요한 기능(로그인, 인증, 메뉴, 탐색경로, 탭 등)을 캡슐화하여 개발자를 돕는 프런트엔드 솔루션입니다. 신속한 비즈니스 개발에 중점을 둡니다. 이 프로젝트는 React 18 , Ant design 5 , Vite 및 TypeScript 와 같은 새 버전을 기반으로 합니다. 사용되는 모든 기술은 지속적으로 최신 버전으로 업데이트됩니다.

누가 사용해야 합니까?

백엔드 관리를 위한 미니멀리스트 프런트엔드 템플릿을 찾고 있거나, 기술 스택이 고급이고 안정적이거나, 원칙을 쉽게 익히고 싶거나, 비즈니스 개발에만 집중하고 싶다면 이 프로젝트를 시도해 볼 수 있습니다. 이 프로젝트의 저자는 수년간의 경험 요약입니다.

최대한 간단하게

이 프로젝트를 개발 목적으로 사용하든, 학습 목적으로 사용하든, 단순함을 유지하는 것이 필요합니다. 따라서 이 프로젝트는 좋은 코드 계층 설계, 명확하게 정의된 디렉토리 구조, 수정 및 교체가 쉬운 모듈 분류 등에 중점을 둡니다. 이 프로젝트는 로그인, 인증, 메뉴, 탐색경로, 탭 등과 같은 일부 필수 기능의 캡슐화를 최소화합니다. 자신만의 UI 디자인이 없다면 이 프로젝트에 캡슐화된 기능을 직접 사용할 수 있고, 자신만의 UI 디자인이 있다면 이 프로젝트를 기반으로 편리하게 수정할 수도 있습니다.

이 프로젝트는 미니멀리즘을 표방하며, 핵심 소스 코드는 약 3,400줄에 불과합니다. 시작하기 쉽습니다. 문서 외에도 더 잘 익히고 사용하는 데 도움이 되는 일련의 문서도 있습니다.

• 다리에서 다리까지, 반응을 사용하여 무대 뒤에서 자위를 하게 해주세요, 시리즈 1(Vite)
• Leg-to-leg, React를 사용하여 백엔드를 플레이할 수 있게 해주는 시리즈 2(Project Skeleton)
• Leg-to-leg, React를 사용하여 백엔드를 마스터하자, 시리즈 3(레이아웃 및 인증)

기능

• 최신 기술 스택 : Vite (热更新지원), React18 , Ant Design5 , TypeScript (거의 100% 유형 적용)
• 비즈니스에 집중 : 캡슐화된 레이아웃(사이드 메뉴, 탐색경로, 탭, 머리글 및 바닥글 등),专注于业务开发하면 됩니다.
• 권한 관리 :菜单级,按钮级권한 지원
• 라우팅 구성 : 라우팅, 메뉴, 이동 경로 등을 자동으로 생성하는 미니멀리스트 구성, 중첩 라우팅, 단일/레이아웃 없음 및 기타 구성 지원, 라우팅의 동적 변경 등을 지원합니다.
• ? 데이터 관리 :分层(데이터 및 뷰) 아키텍처 설계, 데이터 관리 솔루션은 이론적으로 모든 UI 렌더링 라이브러리/프레임워크(React/Vue/Angular를 포함하되 이에 국한되지 않음)에 대한 액세스를 지원합니다.
• ? 피부 변경 : 어두운/밝은 피부 톤 모드에서 모든 색상 전환을 지원합니다.
• ?️멀티탭 : 드래그 가능한 멀티탭, 지속성 지원, 마우스 오른쪽 버튼 클릭 메뉴 등
• ? 우아한 애니메이션 : 경로 전환 애니메이션, 탭 페이지, 메뉴, 기능 버튼 애니메이션 등을 지원합니다.
• 기타 기능 :响应式设计,国际化, Mock ,环境配置,工程化规范등

빠른 시작

 # 安装依赖
npm i

# 启动服务
npm start

브라우저 접속 http://localhost:9527

짓다

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

브라우저 호환

es2015를 지원하는 브라우저와 호환되며 IE와 호환되지 않는 것이 좋습니다.

• 크롬 >=87
• 파이어폭스 >=78
• 사파리 >=14
• 가장자리 >=88

주제

모든 기본 색상 스위치

양털 기름

어두운

대양

모노카이

질서 있는

여러 태그

?온라인 미리보기 ?문서 |

이 프로젝트를 어떻게 지원하나요?

• 이 프로젝트가 마음에 드시거나 유용하다고 생각하시면 저희 프로젝트에 별점을 주세요 ️
• 끌어오기 요청을 생성하고, 이슈를 제출하고, 새로운 기능을 제안하거나 문서를 업데이트하시겠습니까?