Spring中常用的请求处理携带参数的注解@RequestBody、@RequestParam和 @PathVariable

当在 Spring 框架中进行 Web 开发时，@RequestBody、@RequestParam 和 @PathVariable是常用的注解，用于处理不同类型的请求参数。

当在 Spring 框架中进行 Web 开发时，@RequestBody、@RequestParam 和 @PathVariable 是常用的注解，用于处理不同类型的请求参数。

1.@RequestBody 注解：

@RequestBody 注解通常用于将 HTTP 请求的请求体（request body）绑定到方法参数上。它可以将传递的 JSON、XML 或其他媒体类型的请求体转换为对应的 Java 对象。一般在 POST 或 PUT 请求中使用，用于接收客户端发送的数据。

示例：

@PostMapping("/create")
public ResponseEntity create(@RequestBody User user) {
    // 处理用户创建请求，user为请求体中的JSON对象转换的User对象
    // ...
}

携带请求体的 POST 请求：

javascript

let user = {
  name: 'John',
  age: 25
};
axios.post('/users', user)//（"你的请求路径"，请求携带的参数）
  .then(response => {
    // 处理返回的数据
  })
  .catch(error => {
    // 处理错误
  });

在这个示例中，我们使用 axios 发送了一个 POST 请求，并将用户对象作为请求的数据直接发送给后端。

2.@RequestParam 注解：

@RequestParam 注解用于从请求的 URL 或查询参数中提取单个请求参数值。它可以指定参数的名称、是否必需、默认值等。一般用于处理 GET 请求的查询参数或 POST 请求的表单参数。

@GetMapping("/user")
public ResponseEntity getUser(@RequestParam("id") Long userId) {
    // 根据userId获取用户信息
    // ...
}

2.1 我之前在比如微信向程序中发送请求使用的是URL的GET请求方式。

    wx.request({
      method:"GET",
      url: `http://localhost:8080/sfzy_applet_ssm/courseCollection/selectCourse`,
      data: {
        userId: app.globalData.userInfo.userId
      },
      success(resp) {
        // console.log(resp);
        _this.setData({
          payedCourseList: resp.data.data.courseList
        })
        app.delListImgSrc(_this, resp.data.data,"payedCourseList");
      }
    })

3.@PathVariable 注解：

@PathVariable 注解用于从请求的路径中提取动态的路径参数。路径参数是 URL 中以占位符形式表示的变量。一般用于 RESTful 风格的接口中，用于传递资源的唯一标识符或其他相关参数。

@GetMapping("/user/{id}")
public ResponseEntity getUserById(@PathVariable("id") Long userId) {
    // 根据userId获取用户信息
    // ...
}

如果你使用 Vue.js 来发送请求并携带路径参数或查询参数，以下是一些示例：

携带路径参数的 GET 请求：

javascript

let userId = 123;
axios.get(`/users/${userId}`)
  .then(response => {
    // 处理返回的数据
  })
  .catch(error => {
    // 处理错误
  });

在这个示例中，我们使用 axios 库发送 GET 请求，并通过模板字符串将用户ID作为路径参数拼接到 URL 中。

为什么有时候需要使用其他注解，而不仅限于 @RequestBody、@RequestParam 和 @PathVariable 呢？这是因为不同的注解提供了更灵活的参数处理方式，适应不同的请求场景和需求。比如：

• @RequestHeader：用于获取 HTTP 请求头中的值。
• @CookieValue：用于获取 HTTP 请求中的 Cookie 值。
• @ModelAttribute：用于将请求参数绑定到模型对象。
• 等等。

根据具体的业务需求和请求参数类型，选择合适的注解来处理请求参数，以便更方便地获取和处理请求数据。

4.例如以下这个方式

携带查询参数的 GET 请求：

javascript

let page = 1;
let size = 10;
axios.get('/users', {
  params: {
    page: page,
    size: size
  }
})
  .then(response => {
    // 处理返回的数据
  })
  .catch(error => {
    // 处理错误
  });

在这个示例中，我们通过在 params 对象中设置查询参数来传递 page 和 size 参数的值。

4.1URL 查询参数(Query Parameters)：将查询参数直接附加在 URL 后面，使用?和&进行连接。例如：/users?page=2&size=10。

• @GetMapping("/users")
  public ResponseEntity> getUsers(@RequestParam("page") int page, @RequestParam("size") int size) {
      // 处理逻辑
  }
  

  在这种情况下，可以使用@RequestParam注解来获取查询参数。

4.2请求体中的 JSON 参数：将查询参数封装在请求体中作为 JSON 数据发送。

例如：

• json

{
  "page": 2,
  "size": 10
}

java

@PostMapping("/users")
public ResponseEntity> getUsers(@RequestBody UserRequest request) {
    int page = request.getPage();
    int size = request.getSize();
    // 处理逻辑
}

在这种情况下，可以使用@RequestBody注解来将请求体的 JSON 数据映射到自定义的请求对象(UserRequest)中，然后从该请求对象中获取查询参数。

上述我所提供的一些示例可以参考，在 Vue.js 中使用 axios 库发送请求时，如何携带路径参数、查询参数以及请求体。你可以根据具体需求，结合 Vue.js 的语法和功能，对 URL 进行拼接和参数传递。