Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/panyushan-jade/react-template-admin
A lightweight React18 backend management template
https://github.com/panyushan-jade/react-template-admin
ant-design-pro-v5 antd-design axios dashboard react react-router-v6 react-typescript react18 template typescipt typescript vite4 zustand
Last synced: 1 day ago
JSON representation
A lightweight React18 backend management template
- Host: GitHub
- URL: https://github.com/panyushan-jade/react-template-admin
- Owner: panyushan-jade
- License: mit
- Created: 2023-04-13T07:29:27.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-23T08:54:14.000Z (5 months ago)
- Last Synced: 2025-01-29T13:11:17.093Z (8 days ago)
- Topics: ant-design-pro-v5, antd-design, axios, dashboard, react, react-router-v6, react-typescript, react18, template, typescipt, typescript, vite4, zustand
- Language: TypeScript
- Homepage: https://react-template-admin.vercel.app
- Size: 7.9 MB
- Stars: 217
- Watchers: 3
- Forks: 66
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
一个轻量级 React18 后端管理模板，旨在快速搭建后端管理系统包含基础功能不做过渡封装，快速扩展
技术栈：
- react18
- react-router6
- zustand4
- vite4
- axios
- fakerjs、
- dayjs
......
支持的功能：
- [x] 登录/退出登录
- [x] 数据持久化存储
- [x] 路由鉴权
- [x] 动态主题
- [x] 错误处理
- [x] axios 封装
# 目录结构
```bash
├─ public # 静态资源
│ ├─ favicon.ico # favicon图标
├─ src # 项目源代码
│ ├─ components # 全局公用组件
│ ├─ layout # 布局组件
│ ├─ config # 全局配置
│ │ └─ router.tsx # 路由配置
│ ├─ services # api接口
│ ├─ stores # 全局 store管理
│ ├─ utils # 全局公用方法
│ ├─ pages # pages 所有页面
│ ├─ App.tsx # 入口页面
│ ├─ global.d.ts # 全局声明文件
│ ├─ index.css # 全局样式文件
│ └─index.tsx # 源码入口
└── .commitlintrc.js # 自定义commitlint
└── .cz-config.js # 自定义commitlint
└── .eslintignore # eslint忽略文件
└── .eslintrc.js # eslint配置
└── .prettierrc.js # prettier配置
└── vite.config.js # vite打包配置
└── index.html # html模板
└── package.json # package.json
```
# 安装及使用
```shell
# 克隆项目
git clone https://github.com/panyushan-jade/react-template-admin.git
# 进入项目目录
cd react-template-admin
# 安装依赖
pnpm install(推荐使用pnpm)
# 启动
pnpm start
# 构建
pnpm build
# 预览
pnpm preview
```
# 运行效果(账号密码随便填)
# git 提交
```shell
# 添加到暂存区
git add -A
# 提交代码
pnpm cz
按照提示下一步就行，.cz-config.js可以修改提示相关配置
```
## 最后
目前还有很多不足的地方，如果你觉得有不错的想法及更好的实现可以提 pr，大家一起学习进步~
如果你觉得这个项目还不错，点个 star ⭐️ 支持一下 thanks~