项目简介
本项目是一个通用后台管理模板,基于React 18、React - Router 6、Redux、Ant Design、Less和ECharts构建。此项目是作者学习React时实践练手的小demo,参考了多个开源项目,融合了Ant Design样式与ECharts可视化图表功能。
项目的主要特性和功能
- React 18支持服务端与客户端渲染,可提升SEO友好性和首屏加载速度。
- React - Router 6支持路由懒加载,能带来更平滑的导航体验。
- Redux可实现组件间数据共享和状态管理。
- Ant Design组件库提供丰富的UI组件和主题样式,便于快速构建界面。
- Less支持变量、混入、嵌套等特性,能提高样式编写效率。
- ECharts可实现数据可视化展示。
安装使用步骤
假设用户已经下载了本项目的源码文件:
1. 使用npm或yarn安装所有依赖项,命令如下:
shell
npm install
yarn add @craco/craco
yarn add craco-less
2. 配置craco以支持Less,参考Ant Design官网的指南进行操作。
3. 启动项目,使用yarn启动命令:
shell
yarn start
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】