基于React的管理后台模板

1,705 阅读1分钟

开发该模板的原因是因为公司的后台大多都是基于网上开源的后台项目, 每个项目都是不同的界面.无法做到统一. 在闲暇的时间开发整理了一套管理后台模板,已经上传到github上.

react管理后台仓库

在线预览

项目描述

管理后台采用目前最新的技术vite 、react18、react routerv6 、typescript 、 react-redux 进行开发. 提供全屏、换肤、水印、面包屑、标签栏、自定义主颜色、切换导航模式功能, 可通过配置文件进行管理控制. 配置动态路由与按钮权限控制、三级路由功能、适配移动端界面. 如需实现四级路由请自行配置.

界面预览

image.png

image.png

image.png

主要目录/文件描述

目录/文件描述
.env.*各种环境的配置文件
vite.config.tsvite配置文件
src/asstes静态资源
src/components公共组件
src/config配置文件
src/declarets声明文件
src/hooks自定义hooks
src/layouts后台界面
src/model定义数据模型
src/router路由
src/store状态管理
src/utils公共方法
src/views页面
src/App主页面
src/AuthRouter路由拦截
src/main入口文件