1.http://;ocalhost:8080/findUser?id=xxx&name=xxxx
2.利用对象的方式进行数据封装 axios.get(url,{params:封装的对象})
3.RestFul方式提交方式
1.1.2 、get-restful 案例 @GetMapping("/findUserByAS")
public List findUserByAS(User user){
return userService.findUserByAS(user) ;
}
@GetMapping("user/{name}/{sex}")
public List findUserByNS(User user){return userService.findUserByNS(user);}
select * from demo_user where age=#{age} and sex=#{sex}
1.2 、post-restful 案例
参数在http协议传输中变成了json串
@PostMapping("/saveUser")
public String saveUser(@RequestBody User user){
System.out.println(user);
userService.saveUser(user);
return "ok";
}
//实现post请求入库操作 实现用户入库
//{params : user}只能用于get的请求方法
//post中的参数直接传递给对象axios.post(url,user)
let url="http://localhost:8080/axios/saveUser"
let user ={
"name": "国庆快乐!",
"age" : 72,
"sex" : "女"
}
axios.post(url,user).then(function(promise){
console.log(promise)
})
@Insert("insert into demo_user value(null,#{name},#{age},#{sex})")
void saveUser(User user);
1.3 、Ajax简化操作
1.3.1 、指定公共的请求前缀
1.3.2 、async-await简化操作
2 、Curd操作简化操作 async-await
用户列表展现案例 用户新增
用户名称: 用户年龄: 用户性别:
用户修改操作
用户ID号: 用户名称: 用户年龄: 用户性别:
用户列表展现案例
| ID编号 | 姓名 | 年龄 | 性别 | 操作 |
@PostMapping("/saveUser")
public String saveUser(@RequestBody User user){
System.out.println(user);
userService.saveUser(user);
return "ok";
}
@PutMapping("updateUser")
public String updateUser(@RequestBody User user){
userService.updateUser(user);
return "更新操作成功!";
}
修改前:
修改后:
新增:



