Angular 4中如何在HTTP Get请求传递Pagination对象对接Spring Boot REST API

嘿，我懂你的困扰——HTTP GET请求按照RFC规范是不支持携带请求体的，所以你没法直接把Pagination对象放进请求体里传给后端。不过有两种实用的解决方案，咱们来详细说：

方案1：将分页参数作为URL查询参数传递（推荐） #

这是最符合HTTP和REST设计原则的做法，把分页的各个字段拼到URL的查询串里，后端通过请求参数接收。

Angular 4端代码实现 #

先导入HttpParams，然后用它来构建分页参数：

import { Http, Response, HttpParams } from '@angular/http';

// 假设你的分页对象结构如下
const pagination = {
  page: 1,       // 当前页码
  size: 10,      // 每页条数
  sortBy: 'id',  // 排序字段
  sortDir: 'asc' // 排序方向（asc/desc）
};

// 构建查询参数
const params = new HttpParams()
  .set('page', pagination.page.toString())
  .set('size', pagination.size.toString())
  .set('sort', `${pagination.sortBy},${pagination.sortDir}`); // Spring Data Pageable支持的sort参数格式

// 发起GET请求
this.http.get('paymentadvicelist', { params })
  .map((res: Response) => res.json())
  .subscribe(
    data => console.log('分页数据:', data),
    error => console.error('请求失败:', error)
  );

Spring Boot端代码实现 #

Spring Boot可以直接用Pageable对象接收分页参数（只要参数名符合Spring Data的规范），非常省心：

import org.springframework.data.domain.Page;
import org.springframework.data.domain.Pageable;
import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class PaymentAdviceController {

    private final PaymentAdviceRepository repository;

    // 构造函数注入Repository
    public PaymentAdviceController(PaymentAdviceRepository repository) {
        this.repository = repository;
    }

    @GetMapping("/paymentadvicelist")
    public ResponseEntity<Page<PaymentAdvice>> getPaymentAdviceList(Pageable pageable) {
        // 直接用Pageable查询分页数据
        Page<PaymentAdvice> pageData = repository.findAll(pageable);
        return ResponseEntity.ok(pageData);
    }
}

如果需要自定义参数名，也可以用@RequestParam逐个接收：

@GetMapping("/paymentadvicelist")
public ResponseEntity<List<PaymentAdvice>> getPaymentAdviceList(
        @RequestParam int page,
        @RequestParam int size,
        @RequestParam String sortBy,
        @RequestParam String sortDir) {
    Pageable pageable = PageRequest.of(page, size, 
            Sort.by(Sort.Direction.fromString(sortDir), sortBy));
    Page<PaymentAdvice> pageData = repository.findAll(pageable);
    return ResponseEntity.ok(pageData.getContent());
}

方案2：用POST请求模拟查询（不推荐，仅特殊场景使用） #

如果你的分页参数特别复杂，或者业务上有特殊需求非要用请求体，可以用POST请求来传递分页对象，但要注意这不符合REST的语义（POST通常用于创建资源），建议给接口路径加上/search之类的后缀明确是查询操作。

Angular 4端代码实现 #

this.http.post('paymentadvicelist/search', pagination)
  .map((res: Response) => res.json())
  .subscribe(
    data => console.log('分页数据:', data),
    error => console.error('请求失败:', error)
  );

Spring Boot端代码实现 #

先定义一个和前端分页对象对应的DTO类，然后用@RequestBody接收：

import org.springframework.data.domain.Page;
import org.springframework.data.domain.PageRequest;
import org.springframework.data.domain.Pageable;
import org.springframework.data.domain.Sort;
import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class PaymentAdviceController {

    private final PaymentAdviceRepository repository;

    public PaymentAdviceController(PaymentAdviceRepository repository) {
        this.repository = repository;
    }

    @PostMapping("/paymentadvicelist/search")
    public ResponseEntity<Page<PaymentAdvice>> searchPaymentAdviceList(
            @RequestBody PaginationDto pagination) {
        Pageable pageable = PageRequest.of(
                pagination.getPage(), 
                pagination.getSize(), 
                Sort.by(Sort.Direction.fromString(pagination.getSortDir()), pagination.getSortBy())
        );
        Page<PaymentAdvice> pageData = repository.findAll(pageable);
        return ResponseEntity.ok(pageData);
    }
}

// 对应的PaginationDto类
class PaginationDto {
    private int page;
    private int size;
    private String sortBy;
    private String sortDir;

    // Getter和Setter方法
    // ...
}

总结 #

优先选择方案1，因为它完全符合HTTP规范，而且更容易被缓存、日志系统等中间件处理，也更符合REST的设计理念。只有在参数极其复杂、无法用查询参数承载的情况下，再考虑方案2。

内容的提问来源于stack exchange，提问作者jishnu ms