@PathVariable，@RequestParam，@RequestBody注解，springboot与前端请求之间的数据类型转换

前端数据与springboot java数据类型转换

springboot&mybatis中数组和字符串数据类型的转换-CSDN博客中曾经提到，在Spring Boot中，通过URL传参、payload中的key-value形式或json形式，将前端数据以字符串格式发送到后端，后端Web层控制器类（com.example.controller）中，根据使用的注解（比如@RequestBody）确定传参方式，并调用对应的内置类型转换器，来将前端传来的参数转换成相应的对象来接收这些数据 。本篇整理一下前端与springboot之间参数传递的几种常用注解和使用方式。

先从JMeter的三种请求形式说起

如果你熟悉JMeter，可以从这里看起，从自己熟悉的领域逐渐过渡到不熟悉的。如果不了解Jmeter，直接跳过，看springboot注解即可。

在JMeter Http post请求中，Header中的content-type有三种格式，分别为

• 支持key-value数据格式的application/x-www-form-urlencoded
• 支持json数据格式的application/json
• 支持各种混合数据格式，以表单形式提交的multipart/form-data

那么，分别对应SpringBoot中的注解，分别为：

• @RequestParam,
• @RequestBody,
• @RequestPart;

另外，@PathVariable注解仅供Http get请求使用。

@PathVariable

基本用法

http get请求中，所有的参数都在URL中，以字符串形式传递，然而在Controller中，需要使用java类型去接收，这里使用@PathVariable注解。它用于将请求URL中的某个部分作为方法的参数进行传递。通常配合@RequestMapping注解一起使用，将URL中的变量值绑定到Java方法的参数上。

例如，假设我们有以下路径：/books/{id}，其中{id}是要提取的参数值。

前端js：

export function getBookById(id) {return request({url: '/books/' + id,   method: 'get'})
}

后端controller中我们可以使用@PathVariable注解将{id}绑定到Java方法的参数上，如下所示：

@GetMapping("/books/{id}") 
public String getBookById(@PathVariable("id") int bookId) {// 根据书籍ID获取书籍信息的逻辑处理 
// ... 
return "book details"; 
}

在上面的代码中，@PathVariable("id")注解将URI路径中的{id}参数进行数据类型转换，并绑定到函数的id参数上。这样，当我们访问/books/123时，id参数将被设置为123。

传递多个参数

使用逗号分隔参数

在路径中使用逗号分隔多个参数，然后在方法的参数列表中使用@PathVariable注解分别获取这些参数。例如：

export function getUser(id1,id2) {return request({url: '/users/' + id1+","+id2   method: 'get'})
}

@GetMapping("/users/{id1},{id2}")
public User getUser(@PathVariable("id1") Long id1, 
@PathVariable("id2") Long id2) {// 执行逻辑
}

使用占位符{}传递多个参数

可以在路径中使用占位符{}传递多个参数，然后在方法的参数列表中使用@PathVariable注解获取这些参数，并使用@PathVariable注解的value属性指定参数名。例如：

export function getUser(id1,id2) {return request({url: '/users/' + id1+"/"+id2,method: 'get'})
}

@GetMapping("/users/{id1}/{id2}")
public User getUser(@PathVariable("id1") Long id1, 
@PathVariable("id2") Long id2) {// 执行逻辑
}

 使用Map传递多个参数

可以使用Map来接收路径中的多个参数，其中Map的key为参数名，value为参数值。例如：

export function getUser(param) {return request({url: '/users/' + param,   method: 'get'})
}

@GetMapping("/users/{param}")
public User getUser(@PathVariable Map<String, String> param) {Long id1 = Long.valueOf(param.get("id1"));Long id2 = Long.valueOf(param.get("id2"));// 执行逻辑
}

 请求示例：GET /users/id1=1&id2=2

@RequestParam

基本用法

前面说过，@requestParam注解对应content-type中支持key-value数据格式的application/x-www-form-urlencoded，这种请求，参数有两种形式：

1、在URL中，但是使用?与前面的URI区分

2、在请求体中，但是是以key-value键值形式存在，而非json格式（区别于后面的@requestBody注解）

所以，前端axios中对应的参数为param。例如

export function getUser(param) {return request({url: '/users',   method: 'get',params: param})
}

 后端controller中：

@GetMapping("/users")
public User getUser(@requestParam Long param) {    // 执行逻辑
}

 需要传递多个参数时

1、列举

export function getUser(id1,id2) {return request({url: '/users',   method: 'get',params: {id1,id2}})
}//controller中
@GetMapping("/users")
public User getUser(@requestParam Long id1,Long id2) {    // 执行逻辑
}

2、使用自定义的实体类

//调用
let query = {
userName: myName,
userId: 1
};
this.getUser(query);//axios请求
export function getUser(query) {return request({url: '/users',   method: 'get',params: query})
}//controller中
@GetMapping("/users")
public User getUser(@requestParam myUser query) {String userName = query.getUserName();Long userId = query.getUserId();// 执行逻辑
}

@RequestBody

但是对于需要传递更多参数的请求，大多使用json格式传递参数，此时，@requestParam就不能满足需求，需要使用@RequestBody了，此时，前端axios中需要使用data来传参，而不能用params了。

//调用
let user = {
userName: myName,
userId: 1
};
this.addUser(user);//axios请求
export function addUser(user) {return request({url: '/addUser',   method: 'post',data: user})
}//controller中
@PostMapping("/addUser")
public User addUser(@requestBody myUser user) {String userName = user.getUserName();Long userId = user.getUserId();// 执行逻辑
}

总结

• get请求中，可以使用@pathVariable和@requestParam注解
  • 当URL使用/url/{id}方式时，使用@pathVariable注解，从路径中获取参数。此时后端controller中是@GetMapping("/users/{id}")
  • 当URL使用/url?id=123方式时，使用@requestParam注解，从查询字符串中获取参数。此时后端controller中是@GetMapping("/users")
• post请求中，可以使用@requestParam和@requestBody
  • @requestParam对应前端axios的参数为params
  • @requestBody对应前端axios的参数为data

使用时一定要注意前后端的对应