Java Web中常用的分页组件(Java端实现)

所属分类: 软件编程 / java 阅读数: 28
收藏 0 赞 0 分享

 前言

好久没写Web程序了,这一段时间看了看原来师弟们做的一些程序,感觉还是有很多不足,一个比较典型的例子就是分页查询的实现,正好借着这个机会简单记录一下。

分析

使用场景

“分页”在Web程序里非常常见,比如我们在页面上经常要展示一些列表信息,通常情况下,如果数据过多,我们在一屏上难以罗列出所有的记录,而且很多时候我们可能只是看看比较Top的一些记录,因此,在这种情况下使用“分页”查询只展示部分数据是比较合适的。

实现原理

从数据库角度上来说,分页查询实现的难度并不是很大,当然不同的数据库实现是有一些差异的。以MySQL为例,我们通常会写出如下的SQL语句:

# 简单的单表查询
select [fields] from [table_name] where [expression] order by [field] [asc|desc] limit [offset], [size]

其中有几处地方我们比较关注,第一个就是order by后的字段field和排顺规则,第二个就是limit之后的数据偏移量offset和大小size。

所以,以上几个参数是我们实现分页查询一个关键。

实现

这里的实现主要是指Java后台的实现,关于如何编写一个前端分页插件不在此文的讨论之列。我们来简单梳理一下整个业务逻辑的交互过程,就是”前端查询参数”->”后台业务逻辑查询”->”返回结果集到前端”。

那么问题来了,前端一般要传递哪些参数到服务器后台呢?

回到上面的实现原理上,我们发现,这4个参数我们都是需要的,而且它们不是固定的。从开发角度上来讲,我们首先需要的参数是sortField,sortOrder,即排一定的计算序字段和排序方式,offset我们通常会根据一定的计算规则进行计算,一般在页面上我们使用的是pageCurrent,即用户需要查询的页数,另外页面还必须传递一个参数即pageSize,即每页要显示的数据总量,这样,我们就可以根据pageCurrent和pageSize来计算出offset和size,计算公式如下所示:

offset=(pageCurrent−1)∗pageSize
size=pageSize

OK,我们梳理出来了4个字段,即sortField,sorOrder,pageCurrent和pageSize。这些参数是前台应该传递给后台服务的,当然,从程序的健壮性来说,如果用户不传递这些字段,我们也应该有一些默认的实现,比如说如果不传递当前页数,我们默认就是第一页,如果不传递pageSize,我们可以默认其大小为每页30条……那么,第一个Java Bean就出来了,我们称为PageParam类。

 public class PageParam {
  private static final Integer DEFAULT_PAGE_CURRENT = 1;
  private static final Integer DEFAULT_PAGE_SIZE = 30;
  /**
   * 排序字段
   */
  private String sortField;
  /**
   * 排序方式
   * asc | desc
   */
  private String sortOrder;
  /**
   * 查询的当前页
   */
  private Integer pageCurrent = DEFAULT_PAGE_CURRENT;
  /**
   * 查询的数据条目
   */
  private Integer pageSize = DEFAULT_PAGE_SIZE;
  ......
}

现在,我们先忽略服务器端的具体处理流程,来思考一下服务器端需要返回哪些信息到前端页面上进行展示。
下面是我从网上截取的一个典型分页界面(如不能引用请私信我):

这里写图片描述 

通过分析,可以看到,当前页pageCurrent是需要的,且通常会特殊展示。另外如果页数过多,在前端界面里通常只会展示部分页值,那么我们也需要来进行判断,通常情况下我们通过判断总页数即可,那么总页数totalPage是需要的。当然,还有一些隐含的参数我们通常也是要传递给前端进行相关的业务处理的,比如说数据的总条目totalSize和一页显示的数量pageSize,这些通常都会在页面进行展示。第二个Java Bean我们成为PageResult类:

public class PageResult<T> {
  /**
   * 返回的数据结果集
   */
  private List<T> resultList;
  /**
   * 总数据条目
   */
  private Integer totalSize;
  /**
   * 总页数
   */
  private Integer totalPage;
  /**
   * 当前页
   */
  private Integer pageCurrent;
  /**
   * 显示的数据条目
   */
  private Integer pageSize;
  ......
}

这里totalPage其实是可以根据pageSize和totalSize进行计算出来的,计算公式如下:

totalPage=totalSize%pageSize==0?totalSize/pageSize:(totalSize/pageSize+1)

在实现里,我们对结果集使用了泛型,主要是为了通用处理。还差最后一点,就是服务器端的处理逻辑,这里不太好说的原因在于现在服务器端的框架太多,如MyBatis,spring JDBC,hibernate等等。不同的框架使用上是有较大差别的,不过有一些比较通用的做法这里简单记录一下。

对任何前端传递过来的参数都必须进行校验。这里主要是pageCurrent和pageSize,因为用户很可能传递过来一些无效值,比如负值-1以及一些不合适值如pageSize取100000000等。

排序字段不是必须的。要根据业务来处理,因为很多时候通过id或者其它字段默认实现就可以了,不需要进行重新排序。
pageSize的值要合适。如果太小会造成页面过于空洞,页数过多;而取值过大则会使页面内容繁杂,通常在一屏比较合适,不需要用户拉动滑动条。

以上所述是小编给大家介绍的Java Web中常用的分页组件(Java端实现),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

更多精彩内容其他人还在看

Java的面向对象编程基本概念学习笔记整理

这篇文章主要介绍了Java的面向对象编程基本概念学习笔记整理,包括类与方法以及多态等支持面向对象语言中的重要特点,需要的朋友可以参考下
收藏 0 赞 0 分享

Eclipse下编写java程序突然不会自动生成R.java文件和包的解决办法

这篇文章主要介绍了Eclipse下编写java程序突然不会自动生成R.java文件和包的解决办法 的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

基于Java实现杨辉三角 LeetCode Pascal's Triangle

这篇文章主要介绍了基于Java实现杨辉三角 LeetCode Pascal's Triangle的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

Java中Spring获取bean方法小结

Spring是一个轻量级的控制反转(IoC)和面向切面(AOP)的容器框架,如何在程序中获取Spring配置的bean呢?下面通过本文给大家介绍Java中Spring获取bean方法小结,对spring获取bean方法相关知识感兴趣的朋友一起学习吧
收藏 0 赞 0 分享

如何计算Java对象占用了多少空间?

在Java中没有sizeof运算符,所以没办法知道一个对象到底占用了多大的空间,但是在分配对象的时候会有一些基本的规则,我们根据这些规则大致能判断出来对象大小,需要的朋友可以参考下
收藏 0 赞 0 分享

剖析Java中的事件处理与异常处理机制

这篇文章主要介绍了Java中的事件处理与异常处理机制,讲解Java是如何对事件或者异常作出响应以及定义异常的一些方法,需要的朋友可以参考下
收藏 0 赞 0 分享

详解Java的Struts2框架的结构及其数据转移方式

这篇文章主要介绍了详解Java的Struts2框架的结构及其数据转移方式,Struts框架是Java的SSH三大web开发框架之一,需要的朋友可以参考下
收藏 0 赞 0 分享

Java封装好的mail包发送电子邮件的类

本文给大家分享了2个java封装好的mail包发送电子邮件的类,并附上使用方法,小伙伴们可以根据自己的需求自由选择。
收藏 0 赞 0 分享

在Java的Struts中判断是否调用AJAX及用拦截器对其优化

这篇文章主要介绍了在Java的Struts中判断是否调用AJAX及用拦截器对其优化的方法,Struts框架是Java的SSH三大web开发框架之一,需要的朋友可以参考下
收藏 0 赞 0 分享

java多线程Future和Callable类示例分享

JAVA多线程实现方式主要有三种:继承Thread类、实现Runnable接口、使用ExecutorService、Callable、Future实现有返回结果的多线程。其中前两种方式线程执行完后都没有返回值,只有最后一种是带返回值的。今天我们就来研究下Future和Callab
收藏 0 赞 0 分享
查看更多