前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用SpringData JPA 实现分页

使用SpringData JPA 实现分页

作者头像
Java3y
发布2019-06-14 21:32:56
2.8K0
发布2019-06-14 21:32:56
举报
文章被收录于专栏:Java3yJava3y

本文公众号来源:PandaJava 作者:panda-java 本文由读者投稿,这篇文章主要讲解了使用SpringDataJPA如何实现分页。之前我写过两篇SpringData JPA搭建的文章,但没写过分页(前两篇)

使用SpringData JPA 实现分页

环境: Eclipse Mars.2 + JDK 1.8 + Gradle 3.5 + thymeleaf 3

首先我们前台html把分页菜单导航栏弄出来。用bootstrap的分页插件。

分页效果

代码语言:javascript
复制
<div class="col-xs-4">
    <nav aria-label="navigation">
        <ul class="pagination">
            <li>
                <a href="#">首页</a>
            </li>
            <li>
                <a href="#" title="上一页">
                    <i class="ace-icon fa fa-angle-double-left"></i>
                </a>
            </li>
            <li>
                <a href="#" class="active">1</a>
            </li>
            <li>
                <a href="#">2</a>
            </li>
            <li>
                <a href="#">3</a>
            </li>
            <li>
                <a herf="#" title="下一页">
                    <i class="ace-icon fa fa-angle-double-right"></i>
                </a>
            </li>
            <li>
                <a href="#">末页</a>
            </li>
        </ul>
    </nav>
</div>

效果长这样:

分页导航菜单

这个时候来弄后台,SpringData JPA 提供了几个接口来帮助我们实现分页

  • PagingAndSortingRepository

我们打开源码

å分页接口1

  • 它继承了CrudRepository接口,所以他有基本JPA的方法,例如,增,删,改,查方法。
代码语言:javascript
复制
/**
 * Returns all entities sorted by the given options.
 *
 * @param sort
 * @return all entities sorted by the given options
 */
Iterable<T> findAll(Sort sort);

这个方法返回一个所有的按照排序规则的实体对象。

我们点进去看Sort,发现这是一个排序类,提供了一些排序属性和规则,好吧,这不是我们想要的。

代码语言:javascript
复制
/**
 * Creates a new {@link Sort} instance. Order defaults to {@value Direction#ASC}.
 *
 * @param properties must not be {@literal null} or contain {@literal null} or empty strings
 */
public Sort(String... properties) {
  this(DEFAULT_DIRECTION, properties);
}

这里的一些构造方法就是一个排序规则,例如升序还是倒叙,按哪一列排序。。。等等。

so我们来看一下这个方法

代码语言:javascript
复制
/**
 * Returns a {@link Page} of entities meeting the paging restriction provided in the {@code Pageable} object.
 *
 * @param pageable
 * @return a page of entities
 */
Page<T> findAll(Pageable pageable);

返回一个Page对象,参数是一个Pageable,这看起来和分页有关了。我们先看Pageable.

这个接口就是包含一些分页信息的抽象信息

Pageale

比如返回第一页的信息,页偏移量,每页数量,当前页面,是否有前一页等等。当然我们如果真正要用的话只能用他的实现类PageRequest了。

然后我们来看Page接口,这个接口可以说是真正的返回详细的分页信息的接口。它的类层次关系图如下:

Page接口层次关系

这里我们看到它继承了Slice接口,而Slice接口给我们提供了相当多的分页方法:得到分页数据,得到总数据量,是否首页,是否末页,排序规则。。。。

而Page接口有一个很重要的方法:getTotalPages(),得到总页数。

我们看到Page接口最近的一个实现类是PageImpl,那么我们待会就要用到它了。

到这里我们大概了解了分页的2个重要接口,一个是Pageable,一个是Page.

接下来我们就可以轻松的得到分页信息了。先弄一个通用分页方法

代码语言:javascript
复制
/**
 * 获取集合(带分页)
 * @author panda
 */
@SuppressWarnings("unchecked")
public Page<T> getResultListWithPaging(String sql, Class<?> clazz,int page,int size,String sortColumn){
  List<T> list = null;
  //查询记录条数
  String countSql = "select count(1) as cnt from (" + sql.toString() + ") temp ";
  //创建查询对象
  Query countQuery = entityManager.createNativeQuery(countSql);
  //获取总记录数
  Object totalCount = countQuery.getSingleResult();
  //分页查询
  Query queryData = entityManager.createNativeQuery(sql.toString());
  queryData.unwrap(SQLQuery.class).setResultTransformer(Transformers.aliasToBean(clazz));
  queryData.setFirstResult(page * size);//当前页总记录数
  queryData.setMaxResults(size);//每页数量数
  try {
    list = queryData.getResultList();
  } catch(Exception e) {
    logger.info("执行获取集合(带分页)出错--{}", e.getMessage());
  } finally {
    //关闭entityManager
    if(entityManager != null) {
      entityManager.close();
    }
  }
  //设置分页信息
  Page<T> pageInfo = new PageImpl<T>(list, new PageRequest(page, size,Direction.ASC,sortColumn), Long.valueOf(totalCount.toString()));
  return pageInfo;
}

重点是设置分页信息那段。我们用Page对象创建一个PageImpl实例,这个构造方法需要的参数有:list:数据,还需要一个PageRequset的参数,当前页码page,每页显示数量size,排序规则ASC升序,排序列(当前也可以不要后面2个参数)。

然后我们sql语句准备好,不需要带任何分页和排序的关键字。

调用一下方法,给他存到Map中去

代码语言:javascript
复制
Page<EnterpriseUserInfoVo> enterUserInfo = (Page<EnterpriseUserInfoVo>) daoUtil.getResultListWithPaging(sql, EnterpriseUserInfoVo.class,page,size,"role_code");

dataMap.put("userInfoList", enterUserInfo);

这里有一个关键性的步骤

计算前端的展示页码:比如说,现在有20条数据,我按每页3条记录展示,然后规定展示页码长度为5,也就是说第一个展示页为1,2,3,4,5, 若当前页码为5,用户点击下一页,此时展示页应该展示6 。

这里可以分为2种情况:

  1. 展示页长度小于最大的页码,比如展示页长度为5,我只有10条数据,每页展示3条,只有4页,那么展示页就应该只有1,2,3,4。
  2. 展示页长度大于最大页码(这种更符合显示,大量的数据才需要分页) 还是展示页长度为5,我有100条数据,每页展示3条,最大的页码为34,那么展示页就不固定,如果当前页为3用户点击下一页,展示页应该就是4,5,6.以此类推。

所以我们需要计算起始展示页的位置。(从0开始)

开始的位置:(当前页码/每页显示数量)x每页显示数量;

这个很好理解,若当前页码小于每页显示数量,不用换展示页,否则说明已经超出了,然后再加一个展示页的长度。

结束的位置:(当前页码/每页显示数量 + 1)x每页显示数量-1<总页码-1?(当前页码/每页显示数量+1)x每页显示数量-1:总页码-1;

这个就需要分2种情况了,1> 总页码小于展示页,那就取最大的页码;

2>总页码大于展示页,那就取下一页,然后加一个展示页减 1(因为页码从0开始)

代码语言:javascript
复制
//计算展示的页码:都从0开始
int pageStartIndex = (page/size)*size;
int pageEndIndex = (page/size+1)*size-1<enterUserInfo.getTotalPages()-1?(page/size+1)*size-1:enterUserInfo.getTotalPages()-1;

Controller层直接就省略了,弄一个方法,只要前台2个参数page和size就行,当然,size后台可以写死,比如我就想每页显示10条,那么前端直接传页码page过来就行了。 最后,我们把Map放到Model,返回页面给前端。

代码语言:javascript
复制
model.addAllAttributes(dataMap);
  • 改造前台分页导航栏

我们用thymeleaf取值。

代码语言:javascript
复制
<div class="col-xs-4">
  <nav aria-label="navigation">
    <ul class="pagination" th:if="${not #lists.isEmpty(userInfoList.content)}">

      <li th:if="${userInfoList.first == false}">
        <a th:href="@{/web/system/userManageInfoView?page=0}">首页</a>
      </li>
      <li th:if="${userInfoList.first == false}">
        <a title="上一页" th:href="${'/web/system/userManageInfoView?page='+(userInfoList.number-1)}">
          <i class="ace-icon fa fa-angle-double-left"></i>
        </a>
      </li>
      <li th:each="i:${#numbers.sequence(pageStartIndex,pageEndIndex)}" th:class="${userInfoList.number eq i}?'active':''">
        <a th:href="${'/web/system/userManageInfoView?page='+i}" th:text="${i+1}"></a>
      </li>
      <li th:if="${userInfoList.last == false}">
        <a title="下一页" th:href="${'/web/system/userManageInfoView?page='+(userInfoList.number+1)}">
          <i class="ace-icon fa fa-angle-double-right"></i>
        </a>
      </li>
      <li id="lastPage" th:if="${userInfoList.last == false}">
        <a th:href="${'/web/system/userManageInfoView?page='+ (userInfoList.totalPages - 1)}">末页</a>
      </li>
    </ul>
  </nav>
</div>
  • 首页和上一页,我们规定如果当前页就是第一页就不显示。 那么判断一下userInfoList.first == false ? 展示:不展示
  • 页码: 我们规定每次展示5个页码,不足5个就按不足的算。 那么需要循环 从pageStartIndex到pageEndIndex次。
  • 末页和下一页,我们规定如果当前页就是最后一页就不显示。 那么判断一下userInfoList.last == false ? 展示:不展示

然后,把每个a标签的herf属性赋值就可以了。

首页:page=0

上一页: page = number - 1(当前页-1)

当前页: page = number(当前页),如果是当前页,我们给li元素添加active类,让他变成蓝色。

下一页:page = number + 1(当前页+1)

末页:page= totalPages - 1(总页数-1,记得页码从0开始,所以要-1)

至此,整个Demo就完成了。

推荐阅读:

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-06-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Java3y 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 使用SpringData JPA 实现分页
    • 环境: Eclipse Mars.2 + JDK 1.8 + Gradle 3.5 + thymeleaf 3
      • 这里有一个关键性的步骤
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档