Element-UI的查询+分页的前后端传参改造(可减少出错率)

in 编程
关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9

一:  通常: 展示的vue页面上写的方法, 直接传data区域中定义的对象

(1)data区域:

(2)methods方法区:

 

二: 查询+分页的前后端传参改造前写法:

1. 前端在api.js配置ajax中: 

(1)使用的是get请求:

(2)传参使用{ 参数名:需要传递的参数}

2.后端控制器controller写法:

(1)使用GetMapping请求

(2) ClassesVo 处不需要加@RequestBody注解

 

重点来了! 重点来了! 注意哦!!!

三: 查询+分页的前后端传参改造后写法:

1. 前端在api.js配置ajax中:  

(1)使用的是post请求:

(2)直接传递数据即可,不需要加{ }

 

2.后端控制器controller写法:

(1)使用PostMapping请求

(2) ClassesVo 处需要加@RequestBody注解

 

总结:

 #post ,如果有多个条件,统一采用post请求,简化条件获取

 

 

请给努力中的自己点个赞哦!

每天进步一点点`~~~~~

 

 

关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9
扫一扫关注公众号添加购物返利助手,领红包
Comments are closed.

推荐使用阿里云服务器

超多优惠券

服务器最低一折,一年不到100!

朕已阅去看看