vite -前端构建工具,提升前端开发体验 react -前端框架 react-router-dom -路由管理方案 antd -开箱即用的高质量React UI组件库 tailwindcss -实用程序有限的css框架 @tanstack/react-query -Web应用程序缺少的数据获取库 zustand -React中状态管理的必需品 echarts -图表库
React实战:手把手教你开发一个后台管理系统 1.React脚手架搭建项目 2.安装配置UI库:Antd 3.安装配置路由 4.安装使用zustand 5.安装配置Axios 6.用户登录 7.后台主页 8.博客列表 9.新增编辑博客 10.删除博客 11.退出登录 12.完整代码和登录账号密码
2.1项目技术栈 。React脚手架:create-react-app 。React Hooks 。UI组件库:antd 。网络请求:axios 。路由:react-router-dom 。状态管理:zustand
2.2新建React项目 public:公共文件,包含项目的入口HTML文件和图标。 src:源代码目录。 App.js:根组件 index.css:全局css样式文件 index.js:应用的入口js文件 package.json:项目的配置文件,定义项目的依赖关系、安装插件的版本 api:后端接口 assets:图片等静态资源 pages:存放jsx文件,也就是存放页面 router:路由配置 store:状态管理 utils:工具类
3.安装配置Antd