WAdmin-React

前言 📖

🚀🚀🚀 WAdmin-React，基于 React18、React-Router v6、React-Hooks、Redux && Redux-Toolkit、TypeScript、Vite4、Ant-Design 5 开源的一套后台管理框架 开源的一套后台管理模板，目前利用空余时间开发。项目中很多样式都是借鉴其它的管理系统，但是代码都是自己敲的，整个项目还有很多地方不完善，后期会持续更新，希望大家能多提意见。(声明一下，我的React使用的并不是很熟练，我开发这个项目真的是为了学习React，希望大家多提提issuse，我会努力修改的)

？为什么开发这个管理系统 🤷‍♂️

• 主要是学习下 React
• 目前看了很多 React 的开源后台管理系统，感觉都非常庞大，很多功能基本上也用不到，所以自己就尝试写了一下这个管理系统

一、在线预览 👀

• Link：https://1421788142.github.io/xiaowu.pro.wadmin.react/

• 另外推荐一个Vue3开源项目

• Link：https://1421788142.github.io/xiaowu.pro.wadmin/

• 另外推荐一个我的小项目，也是平时写着练习的

• Link：https://1421788142.github.io/xiaowu.pro.offic/

二、项目文档 📚

• 项目文档地址：https://1421788142.github.io/xiaowu.pro.wadmin.react.doc/

三、Git 仓库地址 (欢迎 Star⭐)

• GitHub：https://github.com/1421788142/WAdmin-React

四、🔨🔨🔨 项目功能

🚀 采用最新技术找开发：React18、React-Router v6、React-Hooks、TypeScript、Vite4 🚀 采用 Vite4 作为项目开发、打包工具（跨域代理、打包预览工具…） 🚀 整个项目集成了 TypeScript （完全是为了想学习 🤣） 🚀 使用 redux 做状态管理，集成 immer、react-redux、redux-persist 开发 🚀 使用 TypeScript 对 Axios 二次封装 （错误拦截、常用请求封装、全局请求 Loading、取消重复请求…） 🚀 支持 Antd 组件大小切换、暗黑 && 灰色 && 色弱模式、i18n 国际化 🚀 使用 自定义高阶组件 进行路由权限拦截（403 页面）、页面按钮权限配置 🚀 支持 React-Router v6 路由懒加载配置、菜单手风琴模式、无限级菜单、多标签页、面包屑导航 🚀 使用 Prettier 统一格式化代码，集成 Eslint、Stylelint 代码校验规范（项目规范配置）

五、安装使用

• Clone:

# GitHub
git clone https://github.com/1421788142/WAdmin-React.git

• Install

yarn

• Run

yarn dev

• Build

yarn build

六、项目后台接口

后台接口使用的我另外一个开源项目 nestjs

# GitHub
git clone https://github.com/1421788142/nestjs_blog.git