react admin template pro
1.0.0
이 시스템을 구축하기 전에 몇 가지 조사를 한 결과 React 백엔드 템플릿과 관련된 프로젝트에는 오래된 기술 스택, 불완전한 프로젝트, 누락된 문서 및 유연하지 않은 구성 요소(대부분 하드 코딩되어 있음)와 같은 특징이 있다는 것을 발견했습니다. 동시에 이 시스템은 주니어 프로그래머가 적합한 실습 프로젝트를 더 쉽게 찾을 수 있도록, 풀 스택 엔지니어가 시스템을 사용하여 신속하게 프로젝트를 구축하고, 프론트 엔드 직원이 비즈니스 코드를 직접 작성할 수 있도록 작성되었습니다. 반복적인 작업.
이 시스템은 React Hooks
및 React-Router V6
기반으로 개발된 백엔드 관리 시스템 템플릿입니다. 전체 시스템에 사용되는 기술 스택은 비교적 새로운 것이며登录注销
,主题切换
,动态路由侧边栏
포함하여 구성요소화된 방식으로 구축되었습니다. ,动态面包屑
,响应式收缩侧边栏
,鉴权路由
,权限路由
및 기타 기능. 자세한 기능을 보려면 여기를 클릭하세요. 각 구성 요소에는 먹기 편리한 평균 60 줄의 코드가 있습니다.
사용하고 싶지 않은 기능이 있으면 해당 기능을 제거하면 됩니다. 각 모듈의 결합 정도는 매우 낮으며 연결 가능 합니다.
오픈소스 유지관리가 쉽지 않습니다. 정말 도움이 된다면 정말 기쁘겠습니다. 오른쪽 상단 별표 를 눌러 작가님을 격려해주세요~
React@18 Hooks
최신 버전의 React를 기반으로 하며 Hooks를 완벽하게 수용합니다.[email protected]
라우팅 테이블을 자동으로 생성하도록 구성하기만 하면 됩니다.[email protected]
중국에서 가장 인기 있는 React-CSS 라이브러리[email protected]
전역 상태 관리, 간단한 구문, 강력한 기능, 완벽한 dva, 5분 안에 시작하기 쉬움[email protected]
프런트엔드 필수 데이터 시각화 라이브러리[email protected]
는 Promise 캡슐화를 기반으로 하는 네트워크 요청 라이브러리로, 프런트엔드의 99%가 사용에 동의했습니다.Less&Sass
더욱 강력한 구문을 제공합니다. ├─ public # 静态资源
│ ├─ favicon.ico # favicon图标
│ └─ index.html # html模板
├─ src # 项目源代码
│ ├─ assets # 图片 字体等静态资源
│ ├─ components # 全局公用组件
│ ├─ pages # 路由组件
│ ├─ service # 所有网络请求
│ ├─ store # 全局状态管理
│ ├─ utils # 全局公用方法
| ├─ App.css # 入口页面样式
│ ├─ App.jsx # 入口页面
| ├─ index.css # 全局样式文件
| ├─ index.js # 源码入口
| ├─ route.js # 路由表配置文件
| └─ setupProxy.js # 代理配置
└── package.json # package.json
克隆项目
1. git clone https://github.com/MelodyFish/react-admin-template-pro.git
进入目录
2. cd react-admin-template-pro
安装依赖
3. npm install || yarn install
启动
4. npm run start || yarn start