# react-antd-admin

**Repository Path**: xiaofengproject/react-antd-admin

## Basic Information

- **Project Name**: react-antd-admin
- **Description**: react-antd-admin
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 3
- **Created**: 2022-10-05
- **Last Updated**: 2023-06-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center"> <a href="https://github.com/ygh991204/react-antd-admin"> <img alt="React Antd Admin Logo" width="150" height="150" src="http://www.yghblog.cn/reactAntdAdminLogo.png"> </a> <br> <br>
<h1>React Antd Admin</h1>
</div>

## 简介

react-antd-admin 是一个开箱即用的后台管理前端模板。基于 `react18`、`vite2`、`typeScript`、`antd` 开发；根据权限动态加载路由，权限可控制到按钮级别；内置一些 常用的功能组件 和 典型的业务模型；集成了 `i18next` 国际化方案

- [在线预览](http://xiaofengproject.gitee.io/react-antd-admin)
- [文档地址](http://xiaofengproject.gitee.io/react-antd-admin-doc)
- [Gitee](https://gitee.com/xiaofengproject/react-antd-admin.git)

如果你发现问题，欢迎提 [issues](https://github.com/ygh991204/react-antd-admin/issues)

如果你有更好的想法或建议，或者技术交流分享，欢迎进入 QQ群 `1169116236`

## 准备

- 在本地安装 [node](http://nodejs.org/) 和 [git](https://git-scm.com/)
- 项目技术栈 [vite2](https://vitejs.dev/)、[react18](https://reactjs.org/)、[typescript](https://www.typescriptlang.org/)、[redux-toolkit](https://redux-toolkit.js.org/)、[react-router-v6](https://reactrouter.com/)、[ant-design](https://ant.design/index-cn)、[react-i18next](https://react.i18next.com/)
- 项目请求数据使用 [mock.js](https://github.com/nuysoft/Mock) 模拟

![reactAntdAdminHome](http://www.yghblog.cn/reactAntdAdminHome2.png)

## 开始

```bash
# 克隆项目
git clone https://github.com/ygh991204/react-antd-admin.git

# 进入项目
cd react-antd-admin

# 安装依赖
npm install

# 运行项目
npm run dev
```

## 发布

```bash
# 构建测试环境
npm run build:test

# 构建生产环境
npm run build

# 预览发布环境效果
npm run preview
```

## 捐赠

如果你觉得这个项目对你有帮助，你可以帮作者买一杯奶茶表示支持

![donate](http://www.yghblog.cn/myPayCode.png)

## 借鉴项目

- [vue-vben-admin](https://github.com/vbenjs/vue-vben-admin)
- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)

## 交流

- QQ 群 `1169116236`