帮我分析以下代码中为什么this.approvalRecordService .queryCreate方法取不到后端查询出的数据并讲解解决步骤 @Query(value = "select approvalRecord from ApprovalRecord approvalRecord where approvalRecord.createdBy.login = ?#{principal.username} order by id desc", countQuery = "select count(approvalRecord) from ApprovalRecord approvalRecord") Page<ApprovalRecord> findByCreatedByIsCurrentUser(Pageable pageable); @GetMapping("/approval-records/my-created") public Page<ApprovalRecord> getAllCreatedApprovalRecords( @org.springdoc.api.annotations.ParameterObject Pageable pageable) { log.debug("REST request to get all getAllCreatedApprovalRecords"); return approvalRecordRepository.findByCreatedByIsCurrentUser(pageable); } queryCreated(req?: any): Observable<EntityArrayResponseType> { const options = createRequestOption(req); return this.http .get<IApprovalRecord[]>(`${this.resourceUrl}/my-created`, { params: options, observe: 'response' }) .pipe(map((res: EntityArrayResponseType) => this.convertDateArrayFromServer(res))); } loadPage(page?: number, dontNavigate?: boolean): void { this.isLoading = true; const pageToLoad: number = page ?? this.page ?? 1; this.approvalRecordService .queryCreated({ page: pageToLoad - 1, size: this.recordsPerPage, // sort: this.sort() }) .subscribe({ next: (res: HttpResponse<IApprovalRecord[]>) =>{ this.isLoading = false; this.onSuccess(res.body, res.headers, pageToLoad, !dontNavigate); }, error: () => { this.isLoading = false; this.onError(); } }) }

这段代码中，`approvalRecordService.queryCreate` 方法调用了 `approvalRecordRepository.findByCreatedByIsCurrentUser(pageable)` 方法，该方法返回的是一个 `Page` 对象，表示查询出来的分页结果。但是，在 `queryCreated` 方法中调用 `this.http.get` 发送 HTTP 请求时，获取到的响应结果并不是 `Page` 对象，而是一个 `IApprovalRecord[]` 数组。这是因为，在服务端返回数据时，Spring Data REST 会将 `Page` 对象转换成一个包含实体列表和元数据的 JSON 对象，而在客户端则需要手动解析这个 JSON 对象，提取出实体列表进行显示。

解决步骤如下：

1. 在服务端修改返回类型为 `ResponseEntity<Page<ApprovalRecord>>`，并在控制器中调用 `approvalRecordRepository.findByCreatedByIsCurrentUser(pageable)` 方法获取分页结果，然后将其封装成一个 `ResponseEntity` 对象返回给客户端。

2. 在客户端中修改 `queryCreated` 方法的返回类型为 `Observable<HttpResponse<Page<IApprovalRecord>>>`，并修改 HTTP 请求的 URL 为 `/api/approval-records/my-created`, 这样就可以获取到包含分页信息的 JSON 响应对象了。

3. 在客户端的 `loadPage` 方法中，将 `HttpResponse<IApprovalRecord[]>` 修改为 `HttpResponse<Page<IApprovalRecord>>`，然后在 `onSuccess` 回调函数中调用 `this.onSuccess(res.body.content, res.headers, pageToLoad, !dontNavigate)` 方法，将分页结果中的实体列表提取出来，并传递给 `onSuccess` 方法进行后续处理。

修改后的代码如下：

服务端：

@GetMapping("/approval-records/my-created")
public ResponseEntity<Page<ApprovalRecord>> getAllCreatedApprovalRecords(@ParameterObject Pageable pageable) {
    log.debug("REST request to get all getAllCreatedApprovalRecords");
    Page<ApprovalRecord> page = approvalRecordRepository.findByCreatedByIsCurrentUser(pageable);
    HttpHeaders headers = PaginationUtil.generatePaginationHttpHeaders(ServletUriComponentsBuilder.fromCurrentRequest(), page);
    return ResponseEntity.ok().headers(headers).body(page);
}

客户端：

queryCreated(req?: any): Observable<HttpResponse<Page<IApprovalRecord>>> {
  const options = createRequestOption(req);
  return this.http
    .get<Page<IApprovalRecord>>(`${this.resourceUrl}/my-created`, { params: options, observe: 'response' })
    .pipe(map((res: HttpResponse<Page<IApprovalRecord>>) => this.convertDateArrayFromServer(res)));
}

loadPage(page?: number, dontNavigate?: boolean): void {
  this.isLoading = true;
  const pageToLoad: number = page ?? this.page ?? 1;
  this.approvalRecordService
    .queryCreated({
      page: pageToLoad - 1,
      size: this.recordsPerPage,
      // sort: this.sort()
    })
    .subscribe({
      next: (res: HttpResponse<Page<IApprovalRecord>>) =>{
        this.isLoading = false;
        this.onSuccess(res.body.content, res.headers, pageToLoad, !dontNavigate);
      },
      error: () => {
        this.isLoading = false;
        this.onError();
      }
    })
}