分页功能的代码就是这样的,在需要展示列表的页面,我们基本都需要加上分页功能,如果某天boss想要修改分页功能的样式,我们不能去一个一个的改吧。

下边给大家分享一个自己封装的通用分页组件。

1. 效果展示

2. 使用方式

1 )在需要显示分页信息的位置,直接引入pagination.jsp页面。

<!-- 分页内容 -->
 <%@include file="/WEB-INF/decorators/pagination.jsp" %>
<!-- 分页内容结束 -->

2 )在java代码中

Controller层代码:

@RequiresPermissions("func_vasadmin_userMoneyList")
@RequestMapping("/user/money/list")
public String list(Model model, ServletRequest request) {
 
 // 获取所有的查询条件参数(为了使用方便,所有查询条件的参数命名前缀都是"search_")
 Map<String, Object> searchParams = WebUtils.getParametersStartingWith(request, "search_");
 
 // 获取分页页码信息和每页条数
 int pageNum = PageUtil.getTargetPage(request);
 int pageSize = PageUtil.getPageSize(request);
 Page page = new Page(pageSize, pageNum);
 
 // 查询需要展示的内容
 List<UserMoney> list = vasMoneyService.getUserMoneyList(page,searchParams);
 
 model.addAttribute("data", list);
 model.addAttribute("page", page);
 // 将搜索条件编码成字符串,用于排序,分页的URL
 model.addAttribute("searchParams", PageUtil.encodeParameterStringWithPrefix(searchParams, "search_"));
 
 return "vasadmin/user_money_list";
}

Service层代码:

public List<UserMoney> getUserMoneyList(Page page,
 Map<String, Object> searchParams) {

 // 从map中获取查询条件
 long userId = (Long) DataConvertUtil.data2(searchParams.get("userId"),
 DataConvertUtil.DataType.LONG);
 long minMoney = (Long) DataConvertUtil.data2(
 searchParams.get("minMoney"), DataConvertUtil.DataType.LONG);
 long maxMoney = (Long) DataConvertUtil.data2(
 searchParams.get("maxMoney"), DataConvertUtil.DataType.LONG);

 // 查询总条数
 int totleElements = vasMoneyDao.getUserMoneyListCount(
 DataBaseName.DB_TATA_MONEY, userId, minMoney, maxMoney);
 // 设置总条数
 page.setTotleElements(totleElements);

 // 查询需要展示的数据
 return vasMoneyDao.getUserMoneyList(DataBaseName.DB_TATA_MONEY, userId,
 minMoney, maxMoney, page.getStartNum(), page.getEndNum());
}

**每次需要分页,只需要操作上边这两步,是不是很简单啊~~。**接下来,给大家贴出封装的pagination.jsp代码,和其它的一些帮助类的代码。

**3. 代码示例 **

pagination.jsp (封装的通用分页代码)

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

<!-- 分页信息 -->
<div class="row">
 <div class="col-md-3 page-number">
 每次显示 <select class="form-control input-mini"
 onchange="self.location.href=options[selectedIndex].value">
 <option value="?pageNum=1&pageSize=10&${searchParams}"
 <c:if test="${page.pageSize eq '10' }">selected</c:if>>10</option>
 <option value="?pageNum=1&pageSize=50&${searchParams}"
 <c:if test="${page.pageSize eq '50' }">selected</c:if>>50</option>
 <option value="?pageNum=1&pageSize=100&${searchParams}"
 <c:if test="${page.pageSize eq '100' }">selected</c:if>>100</option>

 </select> 条
 </div>

 <div class="col-md-9 paging">
 <ul class="pagination">
 <li><a href="#" >共 ${page.totlePages} 页,${page.totleElements}
 条</a></li>
 <c:if test="${page.hasPrevious == false}">
 <li class="disabled"><a href="#" >首页</a></li>
 <li class="disabled"><a href="#" >上一页</a></li>
 </c:if>
 <c:if test="${page.hasPrevious == true}">
 <li><a
 href="?pageNum=1&pageSize=${page.pageSize}&${searchParams}" rel="external nofollow" >首页</a></li>
 <li><a
 href="?pageNum=${page.prePage}&pageSize=${page.pageSize}&${searchParams}" rel="external nofollow" >上一页</a></li>
 </c:if>

 <c:forEach var="i" begin="${page.begin}" end="${page.end}">
 <c:choose>
 <c:when test="${i == page.pageNum}">
 <li class="active"><a
 href="?pageNum=${i}&pageSize=${page.pageSize}&${searchParams}" rel="external nofollow" rel="external nofollow" >${i}</a></li>
 </c:when>
 <c:otherwise>
 <li><a
 href="?pageNum=${i}&pageSize=${page.pageSize}&${searchParams}" rel="external nofollow" rel="external nofollow" >${i}</a></li>
 </c:otherwise>
 </c:choose>
 </c:forEach>
 <c:if test="${page.hasNext == true}">
 <li><a
 href="?pageNum=${page.nextPage}&pageSize=${page.pageSize}&${searchParams}" rel="external nofollow" >下一页</a></li>
 <li><a
 href="?pageNum=${page.totlePages}&pageSize=${page.pageSize}&${searchParams}" rel="external nofollow" >末页</a></li>
 </c:if>
 <c:if test="${page.hasNext == false}">
 <li class="disabled"><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >下一页</a></li>
 <li class="disabled"><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >末页</a></li>
 </c:if>

 </ul>

 </div>
</div>
<!-- 分页信息结束 -->

Page.java (分页信息类)

public class Page implements Serializable {

 private static final long serialVersionUID = 1L;
 
 public Page(int pageSize, int pageNum) {
 if(pageSize > 0 ){
 this.pageSize = pageSize;
 }
 if(pageNum > 0){
 this.pageNum = pageNum;
 }
 }

 /**
 * 初始化各个值
 */
 public void initValue(){
 // 计算总共有多少页
 totlePages = (int)Math.ceil(totleElements * 1.0 / pageSize);
 
 if(totlePages == 0){
 totlePages = 1;
 }
 
 // 页码矫正
 if(pageNum <= 0){
 pageNum = 1;
 }
 if(pageNum > totlePages){
 pageNum = totlePages;
 }
 
 // 是否有上一页和首页
 if(pageNum > 1){
 hasPrevious = true;
 prePage = pageNum - 1;
 }
 
 // 是否有下一页和尾页
 if(totlePages > pageNum){
 hasNext = true;
 nextPage = pageNum   1;
 }
 
 // 分页页码开始数值
 begin = Math.max(1, pageNum - paginationSize/2);
 
 // 分页页码结束数值
 end = Math.min(begin   (paginationSize - 1), totlePages);
 }
 
 /**
 * 分页下标最多显示多少页
 */
 private int paginationSize = 10;
 /**
 * 页码开始
 */
 private int begin = 1;
 /**
 * 页码结束
 */
 private int end = 1;
 /**
 * 每页显示多少条
 */
 private int pageSize = 15;
 /**
 * 当前页码
 */
 private int pageNum = 1;
 /**
 * 是否有下一页
 */
 private boolean hasNext = false;
 /**
 * 是否有上一页
 */
 private boolean hasPrevious = false;
 /**
 * 下一页的页码
 */
 private int nextPage;
 /**
 * 上一页的页码
 */
 private int prePage;
 /**
 * 总页数
 */
 private int totlePages = 1;
 /**
 * 总条数
 */
 private int totleElements = 0;
 
 public static int maxNum = 999999;

 public int getPaginationSize() {
 return paginationSize;
 }
 public void setPaginationSize(int paginationSize) {
 this.paginationSize = paginationSize;
 }
 public int getBegin() {
 return begin;
 }
 public void setBegin(int begin) {
 this.begin = begin;
 }
 public int getEnd() {
 return end;
 }
 public void setEnd(int end) {
 this.end = end;
 }
 public int getPageSize() {
 return pageSize;
 }
 public void setPageSize(int pageSize) {
 this.pageSize = pageSize;
 }
 public int getPageNum() {
 return pageNum;
 }
 public void setPageNum(int pageNum) {
 this.pageNum = pageNum;
 }
 public boolean isHasNext() {
 return hasNext;
 }
 public void setHasNext(boolean hasNext) {
 this.hasNext = hasNext;
 }
 public boolean isHasPrevious() {
 return hasPrevious;
 }
 public void setHasPrevious(boolean hasPrevious) {
 this.hasPrevious = hasPrevious;
 }
 public int getNextPage() {
 return nextPage;
 }
 public void setNextPage(int nextPage) {
 this.nextPage = nextPage;
 }
 public int getPrePage() {
 return prePage;
 }
 public void setPrePage(int prePage) {
 this.prePage = prePage;
 }
 public int getTotlePages() {
 return totlePages;
 }
 public void setTotlePages(int totlePages) {
 this.totlePages = totlePages;
 }
 public int getTotleElements() {
 return totleElements;
 }
 public void setTotleElements(int totleElements) {
 this.totleElements = totleElements;
 // 知道总条数之后,初始化一下其它值
 initValue();
 }
 
 public static void main(String[] args) {
 System.out.println(Math.min(1, 2));
 }
 
 /**
 * 从第几条开始查询
 * @return
 */
 public int getStartNum(){
 return (pageNum -1) * pageSize   1;
 }
 
 /**
 * 到第几条结束
 * @return
 */
 public int getEndNum(){
 return pageNum * pageSize;
 }
}

PageUtil.java (分页辅助类)

public class PageUtil implements Serializable {

 private static final long serialVersionUID = 1L;
 
 /**
 * 获取目标页码
 * @return
 */
 public static int getTargetPage(ServletRequest request){
 
 int pageNum = 0;
 
 String pageNumStr = request.getParameter("pageNum");
 
 if(StringUtils.isNotBlank(pageNumStr)){
 try{
 pageNum = Integer.valueOf(pageNumStr);
 }catch(Exception e){
 pageNum = 0;
 }
 }
 
 return pageNum;
 }
 
 /**
 * 获取每页条数
 * @return
 */
 public static int getPageSize(ServletRequest request){
 
 int pageSize = 0;
 
 String pageSizeStr = request.getParameter("pageSize");
 
 if(StringUtils.isNotBlank(pageSizeStr)){
 try{
 pageSize = Integer.valueOf(pageSizeStr);
 }catch(Exception e){
 pageSize = 0;
 }
 }
 
 return pageSize;
 }
 
 /**
 * 将Map中的查询条件,加上前缀,以&拼接
 * @param map
 * @param prefix 每个参数的前缀
 * @return
 */
 public static String encodeParameterStringWithPrefix(Map<String,Object> map, String prefix){
 
 if(null == map || map.isEmpty()){
 return "";
 }
 
 StringBuffer sb = new StringBuffer();
 
 Iterator<Map.Entry<String,Object>> entries = map.entrySet().iterator();
 
 while (entries.hasNext()) {
 
 if(StringUtils.isNotEmpty(sb.toString())){
 sb.append("&");
 }
 
 Map.Entry<String,Object> entry = entries.next();
 
 sb.append(prefix);
 sb.append(entry.getKey());
 sb.append("=");
 sb.append(entry.getValue());
 
 } 
 
 return sb.toString();
 
 }

}

jsp页面中查询条件参数编写示例如下:

<!-- 查询条件 -->
<div class="col-md-10 search">

 <form class="form-inline" action="${ctx }/vasadmin/user/money/list"
 method="get">
 <div class="form-group">
 <input type="text" class="form-control input-sm"
 name="search_userId" value="${param.search_userId }"
 placeholder="用户ID"
 onkeyup="this.value=this.value.replace(/\D/g,'')"
 onafterpaste="this.value=this.value.replace(/\D/g,'')">
 </div>
 <div class="form-group">
 <input type="text" class="form-control input-sm"
 name="search_minMoney" value="${param.search_minMoney }"
 placeholder="最小余额"
 onkeyup="this.value=this.value.replace(/\D/g,'')"
 onafterpaste="this.value=this.value.replace(/\D/g,'')">
 </div>
 <div class="form-group">
 <input type="text" class="form-control input-sm"
 name="search_maxMoney" value="${param.search_maxMoney }"
 placeholder="最大余额"
 onkeyup="this.value=this.value.replace(/\D/g,'')"
 onafterpaste="this.value=this.value.replace(/\D/g,'')">
 </div>
 <div class="form-group">
 <button type="submit" class="btn btn-primary btn-sm">
 <span class="glyphicon glyphicon-search"></span> 搜索
 </button>
 </div>
 </form>

</div>
<!-- /查询条件 -->

源码下载地址:分页源码

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持Devmax。

JSP实现带查询条件的通用分页组件的更多相关文章

  1. (jsp/html)网页上嵌入播放器(常用播放器代码整理)

    网页上嵌入播放器,只要在HTML上添加以上代码就OK了,下面整理了一些常用的播放器代码,总有一款适合你,感兴趣的朋友可以参考下哈,希望对你有所帮助

  2. jsp ${param.id}用法

    ${id} 意思是取出某一范围中名称为id的变量。

  3. ajax从JSP传递对象数组到后台的方法

    今天小编就为大家分享一篇ajax从JSP传递对象数组到后台的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

  4. jsp网页登陆验证

    这篇文章主要介绍了 jsp登陆验证,网页登陆验证带验证码校验,登录功能之添加验证码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. jsp的常用指令有哪些(编译指令/动作指令整理)

    jsp的常用指令有哪些?Jsp包含三个编译指令和七个动作指令,具体祥看下文,希望对你面试有所帮助

  6. 解决JSP开发中Web程序显示中文三种方法

    JSP显示中文方法小结

  7. 基于javaweb+jsp实现企业财务记账管理系统

    这篇文章主要介绍了基于javaweb+jsp实现的企业财务记账管理系统,文中的示例代码对我们学习jsp编程有一定的帮助,感兴趣的小伙伴可以跟随小编一起学习一下

  8. jsp 实现的简易mvc模式示例

    这篇文章主要介绍了jsp 实现的简易mvc模式,结合实例形式简单分析了jsp实现的MVC模式模型、视图、控制器相关配置与使用操作技巧,需要的朋友可以参考下

  9. JSP 中request与response的用法详解

    这篇文章主要介绍了JSP 中request与response的用法详解的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下

  10. 在jsp页面中响应速度提高的7种方法分享

    这篇文章介绍了在jsp页面中响应速度提高的7种方法,有需要的朋友可以参考一下

随机推荐

  1. 基于EJB技术的商务预订系统的开发

    用EJB结构开发的应用程序是可伸缩的、事务型的、多用户安全的。总的来说,EJB是一个组件事务监控的标准服务器端的组件模型。基于EJB技术的系统结构模型EJB结构是一个服务端组件结构,是一个层次性结构,其结构模型如图1所示。图2:商务预订系统的构架EntityBean是为了现实世界的对象建造的模型,这些对象通常是数据库的一些持久记录。

  2. Java利用POI实现导入导出Excel表格

    这篇文章主要为大家详细介绍了Java利用POI实现导入导出Excel表格,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  3. Mybatis分页插件PageHelper手写实现示例

    这篇文章主要为大家介绍了Mybatis分页插件PageHelper手写实现示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

  4. (jsp/html)网页上嵌入播放器(常用播放器代码整理)

    网页上嵌入播放器,只要在HTML上添加以上代码就OK了,下面整理了一些常用的播放器代码,总有一款适合你,感兴趣的朋友可以参考下哈,希望对你有所帮助

  5. Java 阻塞队列BlockingQueue详解

    本文详细介绍了BlockingQueue家庭中的所有成员,包括他们各自的功能以及常见使用场景,通过实例代码介绍了Java 阻塞队列BlockingQueue的相关知识,需要的朋友可以参考下

  6. Java异常Exception详细讲解

    异常就是不正常,比如当我们身体出现了异常我们会根据身体情况选择喝开水、吃药、看病、等 异常处理方法。 java异常处理机制是我们java语言使用异常处理机制为程序提供了错误处理的能力,程序出现的错误,程序可以安全的退出,以保证程序正常的运行等

  7. Java Bean 作用域及它的几种类型介绍

    这篇文章主要介绍了Java Bean作用域及它的几种类型介绍,Spring框架作为一个管理Bean的IoC容器,那么Bean自然是Spring中的重要资源了,那Bean的作用域又是什么,接下来我们一起进入文章详细学习吧

  8. 面试突击之跨域问题的解决方案详解

    跨域问题本质是浏览器的一种保护机制,它的初衷是为了保证用户的安全,防止恶意网站窃取数据。那怎么解决这个问题呢?接下来我们一起来看

  9. Mybatis-Plus接口BaseMapper与Services使用详解

    这篇文章主要为大家介绍了Mybatis-Plus接口BaseMapper与Services使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

  10. mybatis-plus雪花算法增强idworker的实现

    今天聊聊在mybatis-plus中引入分布式ID生成框架idworker,进一步增强实现生成分布式唯一ID,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

返回
顶部