转发
关键字 forward: 转发的是一个请求…
重定向==>常用
关键字 redirect: 多次请求多次响应
增删改之后要重新刷新界面,数据才能正确
return "返回一个界面"
@RequestMapping("/findUser") ---- 响应的界面链接路径
public String findUser(String name){
return “redirect:/findDog”; -----返回跳转一个界面,重定向#刷新数据
}
Axios请求 在执行增删改后,要属性数据
this.getUserList() ------执行一次查看数据的方法 ===> 重定向#刷新数据
Axios用户案例
const app=new Vue({
el:'#app',
data:{
userList :[],
user :{
id:'',
name:'',
age:'',
sex:''
}
},
methods:{
async getUserList(){
const {data:result}=
await axios.get("http://localhost:8090/axiosUserController")
this.userList= result
},
updataBtn(user){
this.user=user
},
async updataUser(){
await axios.post('http://localhost:8090/wenwen',this.user)
this.getUserList() 重定向#刷新数据
},
/* restfull风格
async deleteBtn(id){
await axios.delete('http://localhost:8090/zhang/'+id)
this.getUserList() 重定向#刷新数据
}
后台java中对应的方法:
@DeleteMapping("/zhang/{id}")
public void zhang(@PathVariable Integer id){
userService.deleteUserById(id);
}
*/
async deleteBtn(id){
await axios.delete('http://localhost:8090/zhang',{
params:{
id : id
}
})
this.getUserList() 重定向#刷新数据
}
},
mounted() {
this.getUserList()
}
})