react admin template pro
1.0.0
在做这个系统前,我调查了一番,发现和React后台模板相关的项目有以下特点:技术栈老旧、项目不完整、文档缺失、组件不灵活(写死的居多)。同时也为了方便初级程序员找到一个合适的练手项目,方便全栈工程师能够利用该系统快速搭建项目,方便前端工作人员直接写业务代码避免重复性工作,出于这个目的写了这个系统。
该系统是基于React Hooks
和 React-Router V6
开发的后台管理系统模板,整个系统采用的技术栈都比较新并且以组件化的方式搭建而成,涵盖了登录注销
, 主题切换
, 动态路由侧边栏
, 动态面包屑
, 响应式收缩侧边栏
, 鉴权路由
, 权限路由
等功能,详细功能请移步至此, 平均每个组件 60 行代码量,方便食用。
如果遇到不想用的功能,可直接移除掉即可,各模块耦合度非常低是可插拔式的。
开源维护不易,如果真的帮助到你,真的很开心。点击右上角的 Star 鼓励一下作者吧~
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