react后台管理项目实战

一：初始化项目

注意：antd版本

1.创建本地仓库然后推送到github远程仓库

git init

git add .

2.从github远程仓库克隆到本地仓库

3.package.json:对应的版本

 

 4.配置config-overrides.js，实现antd按需导入样式和自定义样式

二：登录模块

1.配置路由

2.基本布局样式：在github中查找reset=> 

 =>

 3.login组件，图片加载不出来是因为html和body宽和高都需要设置100%

4.

5. antd的表单验证

第一种：

第二种：

 第三种：

6. 测试接口

（1）下载mongoDB

(2)用navicat连接mongoDB,导入数据库server_db2

(3)首先删除node_modules,重新下载npm i,之后启动后端，npm start 

（4）用postman测试接口，路径千万别出现空格！！！

7.发起ajax请求，在api=>ajax.js,index.js

总结：(1)axios.get()/.post().then(response=>{...}).catch(error=>{...})

(2