分页框架pager-taglib学习笔记

说到分页其实可以研究一下我自己项目里面的分页框架的使用。

下面的笔记来自于孔浩老师的视频教程和我自己的开发实践。

使用Pager-taglib可以帮助我们快速开发分页处理。

下载:pager-taglib-2.0.war
这是我们第1次直观地认识jar包。

直接放到tomcat的webapp目录下面,就可以启动项目,查看帮助文档。
说明:拷贝完之后,可以改一个名字,方便我们写访问的路径。
使用的步骤:
(1)将相应包拷贝到lib目录(pager-taglib.jar),另外一个是源码包,貌似可以不拷贝,我还没试过。
(2)在jsp页面引入相应的分页标签库。引入标签 prefix ,在源代码中 tld文件里面找。(以后学习自定义标签的时候就会用到。)

<%@ taglib prefix="pg" uri="http://jsptags.com/tags/navigation/pager"%>

(3)使用分页标签来处理分页

所有的分页信息都要放置在<pg:pager>中,这个标签中有一些非常重要的属性,可以设置 a.items:表示有多少条记录等,如图。

 

参考资料:
分页标签:pager-taglib使用指南 - Java - ITeye论坛
http://www.iteye.com/topic/25147


pg:pager
可以设置export,这些导出的东西是存在当前页面的context中即pageContext中,出了当前页面就无效了。
export="curPage=pageNumber",表示为pageNumber设置一个别名。
pageNumber表示当前是第几页
items是int类型的值,表示有多少个元素,一般是totalRecords。
maxPageItems:每页显示最多的记录数。如果该值是15,参数首页的第1条数据的num就是0,第2页的第1条数据的num就是15。
maxIndexPages:分页条目中首尾相减的值,即显示最多的分页数,如设为5的话,则会出现这样的情况 1 2 3 4 5 或 3 4 5 6 7 这样的形式,其实她自带的DEMO都喜欢把页数展现出来排成一排。

 

------------美丽的分割线------------
pg:first、pg:last、pg:prev、pg:next
可以默认导出pageUrl
------------美丽的分割线------------
pg:prev、pg:next中间的内容是pg:pages
可以导出一个值叫pageNumber,就是中间的那一大堆链接的数字。
也有默认导出pageUrl。

我的使用心得:
(1)导出的值可以通过EL表达式获取,因为这些变量都是存放在 pageContext里面;
(2)可以为导出值起别名;
(3)不要完全依赖老师讲的东西,只要自己理解了,同样也可以实现效果,其实,依赖于帮助文档是需要培养的学习技能;
(4)相关的知识点:ThreadLocal 使用的场合,和过滤器的结合,自定义分页框架 Pager 的 属性。

 

2015年3月4日自己写的一个示例的代码,帮助理解 pager-taglib 的:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://jsptags.com/tags/navigation/pager" prefix="pg"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">

<h3>说明: pager 的 items(总数据条数) = 360 , maxPageItems(每页数据条数) = 20 , maxIndexPages 分页栏里面显示的标签的个数。</h3>

<pg:pager items="360" maxPageItems="20" maxIndexPages="5" export="currentPage = pageNumber">
    
    <h1>当前第 ${currentPage} 页</h1>
    
    <pg:first export="pageUrl,pageNumber,first,last">
        <a href="${pageUrl}">首页</a>&nbsp; url 链接:${pageUrl} ,pageNumber = ${pageNumber },first = ${first },last=${last }<br>
    </pg:first>
    
    <hr>
    
    <pg:prev export="pageUrl,pageNumber,first,last">
        <a href="${pageUrl}">上一页 </a>&nbsp; url 链接:${pageUrl} ,pageNumber = ${pageNumber },first = ${first },last=${last }<br>
    </pg:prev>
    
    <hr>
    
    <pg:pages export="pageUrl,pageNumber,first,last">
        <a href="${pageUrl}">第 ${pageNumber } 页 </a>&nbsp; url 链接:${pageUrl} ,pageNumber = ${pageNumber },first = ${first },last=${last }<br>
    </pg:pages>
    
    <hr>
    
    <pg:next export="pageUrl,pageNumber,first,last">
        <a href="${pageUrl}">下一页 </a>&nbsp; url 链接:${pageUrl} ,pageNumber = ${pageNumber },first = ${first },last=${last }<br>
    </pg:next>
    
    <hr>
    
    <pg:last export="pageUrl,pageNumber,first,last">
        <a href="${pageUrl}">尾页 </a>&nbsp; url 链接:${pageUrl} ,pageNumber = ${pageNumber },first = ${first },last=${last }<br>
    </pg:last>

</pg:pager>

    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</div>
</body>
</html>

 

posted @ 2015-03-04 01:36  李威威  阅读(280)  评论(0编辑  收藏  举报