首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >具有海量数据的Angular2数据表

具有海量数据的Angular2数据表
EN

Stack Overflow用户
提问于 2017-06-09 23:09:16
回答 1查看 139关注 0票数 2

我想在datatable上显示大量数据。我的UI使用Angular2,后端使用spring REST API。如何使用分页和筛选器设计我的数据表,以便平滑地处理大量数据。我将如何设计我的后端来满足这个需求。

EN

回答 1

Stack Overflow用户

发布于 2017-06-09 23:32:45

您可以实现分页的REST服务。

假设我们想要在datatable中显示数据库中的所有用户。

我们将有一个具有以下签名的方法:

代码语言:javascript
运行
复制
public ResponseEntity<PaginatedResponse<User>> getUsers(
            @RequestParam("page") int page, @RequestParam("size") int size)

在这里,我们发送请求中的页码和每个页面的大小。

我们定义响应:

代码语言:javascript
运行
复制
public class PaginatedResponse<T> {

    private List<T> responseList;

    private int pageNumber;

    private int pageSize;

    private int totalPageNumber;
}

在响应中,我们将获得当前页面的总页数和大小,以及它的索引。

对于数据层,您可以使用spring数据:

代码语言:javascript
运行
复制
public interface UserRepository extends JpaRepository<User, Long>, QueryDslPredicateExecutor<User>

并声明提取可分页数据的方法:

代码语言:javascript
运行
复制
@Query("select u, from User u")
    Page<User> findUsers(final Pageable pageable);

请注意,您可以使用@Param注释添加参数来过滤spring数据查询。

至于角度部分,您将不得不遍历http调用以获取数据,并且每次检查页面索引是否在范围内(即< totalPageNumber)。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44461193

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档