`

jsp自定义分页标签page

 
阅读更多

            日常工作项目里,分页是十分常见的,网上也有大把的分页插件,性能和美观程度都比较不错,但是有时候并不一定能满足我们的需求,因为大部分的分页插件都是在客户端分页,有的甚至需要你一次性查询出所有的数据放入内存,在内存进行分页,而且分也时,只是单纯分页只接受页码,并不能传入本页的某些参数到另一个页面做重新查询的条件,进而重新分页。

            

             根据jsp自定义分页标签的特性,我们可以定制自己的分页标签,更加方便开发中的使用,关于jsp的自定义标签,上篇已有详细的介绍说明,http://jackjobs.iteye.com/admin/blogs/1827385

 

             

              该页最下面的 分页栏,即是自定义的jsp的标签,我这里给的名字是<page:page pager="${requestScope.pb}" />,即只要引入它即可出现该分页栏,由于为了方便,样式可能不太好看,这个大家可以自己去调节。

 

                   下面我们开始实现这个page标签,首先新建一个web项目,并引入struts必要地几个jar包。新建一个包,取名为com.page.util,将page的三个实现类放在下面,分别是Pager.java,PagerHelp.java,PageTag.java,它们的实现分别如下:

 

Pager.java:

/**
 * 保存分页信息的类
 * 
 * 
 */
public class Pager {
	private int totalRows; // 总行数

	private int pageSize = 10; // 每页显示的行数

	private int currentPage; // 当前页号

	private int totalPages; // 总页数

	private int startRow; // 当前页在数据库中的起始行

	private String linkUrl; // 要跳转的URL

	public Pager() {
	}

	public Pager(int _totalRows) {
		totalRows = _totalRows;
		totalPages = totalRows / pageSize;
		int mod = totalRows % pageSize;
		if (mod > 0) {
			totalPages++;
		}
		currentPage = 1;
		startRow = 0;
	}


	/**
	 * 设定查询的起始行数
	 * 
	 * @param currentPage
	 */

	public void setStart(int currentPage) {
		this.currentPage = currentPage;
		startRow = (currentPage - 1) * pageSize;
	}

	public int getTotalRows() {
		return totalRows;
	}

	public void setTotalRows(int totalRows) {
		this.totalRows = totalRows;
	}

	public int getPageSize() {
		return pageSize;
	}

	public void setPageSize(int pageSize) {
		this.pageSize = pageSize;
	}

	public int getCurrentPage() {
		return currentPage;
	}

	public void setCurrentPage(int currentPage) {
		this.currentPage = currentPage;
	}

	public int getTotalPages() {
		return totalPages;
	}

	public void setTotalPages(int totalPages) {
		this.totalPages = totalPages;
	}

	public int getStartRow() {
		return startRow;
	}

	public void setStartRow(int startRow) {
		this.startRow = startRow;
	}

	public String getLinkUrl() {
		return linkUrl;
	}

	public void setLinkUrl(String linkUrl) {
		this.linkUrl = linkUrl;
	}

}

 

PagerHelp.java:

import javax.servlet.http.HttpServletRequest;


/**
 * 控制分页的类
 * 
 * 
 */
public class PagerHelper {

	public static Pager getPager(HttpServletRequest req,
			int totalRows) {

		// 定义pager对象,用于传到页面
		Pager pager = new Pager(totalRows);

		// 从Request对象中获取当前页号
		String currentPage = req.getParameter("cpage");

		// 如果当前页号为空,表示为首次查询该页
		// 如果不为空,则刷新pager对象,输入当前页号等信息
		if (currentPage != null) {
			pager.setStart(Integer.parseInt(currentPage));
		} else {
			pager.setStart(1);
		}
		return pager;
	}
}

 

 

PageTag.java:

import java.io.IOException;

import javax.servlet.jsp.JspWriter;
import javax.servlet.jsp.tagext.TagSupport;


/**
 * 标签类 用于分页查询
 *
 */
public class PageTag extends TagSupport {
	/**  
	*   
	*/
	private static final long serialVersionUID = 1L;

	private Pager pager;

	@SuppressWarnings("static-access")
	public int doStartTag() {
		////标签开始时调用的方法
		try {
			JspWriter out = pageContext.getOut();
			if(pager==null){
				out.print("没有记录");
				out.flush();
				return super.SKIP_BODY;
			}
			
			out.print("第 " + pager.getCurrentPage() + " 页/共 "
					+ (pager.getTotalPages()) + " 页");

			if (pager.getCurrentPage() == 1) {
				out.print("[最首页]");
				out.print("[上一页]");
			}
			if (pager.getCurrentPage() != 1) {
				out.print("[<a href='" + pager.getLinkUrl()
						+ "?cpage=1'>最首页</a>]");
				out.print("[<a href='" + pager.getLinkUrl() + "?cpage="
						+ (pager.getCurrentPage() - 1) + "'>上一页</a>]");
			}

			for (int i = pager.getCurrentPage() - 3; i <= pager
					.getCurrentPage() + 3; i++) {
				if (i <= 0 || i > pager.getTotalPages()) {
					continue;
				}
				if (i == pager.getCurrentPage()) {
					out
							.print("[<span style='color:#FF0000; border: 1px solid #cccccc; font-weight:bold; width:15px;text-align: center;'> "
									+ i + " </span>]");
				} else {
					out.print("[<a href='" + pager.getLinkUrl() + "?cpage="
							+ i + "'> " + i + " </a>]");
				}
			}
			if (pager.getCurrentPage() == pager.getTotalPages()
					|| pager.getTotalPages() == 0) {
				out.print("[下一页]");
				out.print("[最末页]");

			}
			if (pager.getCurrentPage() != pager.getTotalPages()
					&& pager.getTotalPages() != 0) {
				out.print("[<a href='" + pager.getLinkUrl() + "?cpage="
						+ (pager.getCurrentPage() + 1) + "'>下一页</a>]");
				out.print("[<a href='" + pager.getLinkUrl() + "?cpage="
						+ (pager.getTotalPages()) + "'>最末页</a>]");
			}
			out.flush();
		} catch (IOException ex) {
			ex.printStackTrace();
		}
		return super.SKIP_BODY;//表示不显示标签间的文字
	}

	@SuppressWarnings("static-access")
	public int doEndTag() {
		//标签结束时调用的方法
		return super.EVAL_PAGE;//表示JSP页面继续运行
	}

	public void setPager(Pager pager) {
		this.pager = pager;
	}

	public Pager getPager() {
		return pager;
	}
}

 

                          实现类的完成即是为了实现标签的功能,这里我们在WEB-INF下新建文件夹mytag,新建文件pagetag.tld,在这个文件里对你想要声明的自定义标签,并制定它的实现类,代码如下:

<!DOCTYPE taglib  
PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.2//EN"  
   "http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd"> 
<taglib xmlns="http://java.sun.com/JSP/TagLibraryDescriptor"> 
<tlib-version>1.0</tlib-version> 
<jsp-version>1.2</jsp-version> 
<short-name>My Tags</short-name> 
<tag> 
    <name>page</name> 
    <tag-class>com.page.util.PageTag</tag-class>
    <body-content>empty</body-content> 
    <attribute> 
      <name>pager</name> 
      <required>true</required> 
      <rtexprvalue>true</rtexprvalue> 
      <type>com.page.util.Pager</type>
    </attribute> 
</tag> 
</taglib> 

 

                    至此,我们的自定义page分页标签业已全部实现了,下面我们就来模拟使用下,新建com.action.TestAction.java,代码如下:

import java.util.ArrayList;
import java.util.List;

import com.bean.TestBean;
import com.util.Pager;
import com.util.PagerHelper;

public class TestAction extends BaseAction {
	
	private static final long serialVersionUID = 5293541447709620793L;
	private List<TestBean> bList;

	@Override
	public String execute() throws Exception {
		bList=new ArrayList<TestBean>();
		for (int i = 0; i < 100; i++) {
			bList.add(new TestBean(Long.parseLong(String.valueOf(i)), "person"+i, i+10+"岁", i+"@qq.com"));
		}
		int totalRow=bList.size();
		Pager pager=null;
		pager = PagerHelper.getPager(request, totalRow); // 初始化分页对象
		pager.setLinkUrl(request.getRequestURI()); // 设置跳转路径
    	request.setAttribute("pb", pager); // 将分页信息保存在Request对象
    	
    	
    	//模拟分页时,是要传递参数,模拟传入a,b。单纯分页时,则不需要该段的4行代码
    	StringBuffer urlParam = new StringBuffer();
    	urlParam.append("&a="+100);
    	urlParam.append("&b="+200);
    	request.setAttribute("urlParam", urlParam.toString());

    	
    	bList=bList.subList(pager.getStartRow(),pager.getStartRow()+10);
		return SUCCESS;
	}

	
	
	public List<TestBean> getbList() {
		return bList;
	}

	public void setbList(List<TestBean> bList) {
		this.bList = bList;
	}
	
	
}

 

                    这个类模拟了数十条的分页数据,下面新建两个jsp页面,代码分页如下:

index.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
  </head>
  
  <body>
  	<a href="test.action">Test Go~~</a>
  </body>
</html>

 

test.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="page" uri="../WEB-INF/config/mytag/pagetag.tld" %>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	
  <script type="text/javascript" src="../js/Pager.js"></script>
  </head>
  
  <body>
  <div style="margin-left: 110px;">
  	<table>
  		<tr>
  			<th colspan="4" ><p style="font-family: sans-serif;font-size: 20px">测试分页</p></th>
  		</tr>
  		<tr>
  			<td width="80px">ID</td>
  			<td width="80px">Name</td>
  			<td width="80px">Age</td>
  			<td width="80px">Email</td>
  		</tr>
  		<s:iterator value="bList">
  			<tr>
  				<td width="80px"><s:property value="tId"/> </td>
  				<td width="80px"><s:property value="tName"/> </td>
  				<td width="80px"><s:property value="tAge"/> </td>
  				<td width="80px"><s:property value="tEmail"/> </td>
  			</tr>
  		</s:iterator>
  	</table>
 
  </div>
  		<p style="margin-left: 17px">
			<page:page pager="${requestScope.pb}" />
		</p>
  </body>
  <script>
	Pager.setUrlParam("${urlParam}");
</script>	
</html>

 这个页面会使用到page标签,及在文件头引入所需的taglib,并引入Pager.js,该js的代码如下:

/**
 * 分页操作对象
 */
var Pager = function(){
    return{
	        setUrlParam: function(param)
	        {
		        //为翻页标签链接增加显示flag参数
				var obj=$(".pagerTarge > a");//获得分页标签下的所有<a>
				//alert(obj.length);
				if(obj!=null && obj.length>0)
				{
					for(var i=0;i<obj.length;i++)
					{
					    var tempUrl=$(obj[i]).attr('href');
						//添加flag
						$(obj[i]).attr('href',tempUrl+param);
					}
				}
        }
    }
}();	

 

 

                至此,在web.xml和struts.xml中做好各项配置,启动服务器,键入localhost:8080/mytag/index.jsp,点击"Test Go~~"链接,即出现截图效果,如有报错,请根据错误检查各项配置。

 

               如果需要在分页时,在页面间传递参数,如以上action代码中模拟的a和b的话,即全部用stringbuffer拼接就可以了,我们右键test.jsp效果页面时,可以看到传递的参数url,如图:



 

  • 大小: 43.4 KB
  • 大小: 45.7 KB
分享到:
评论

相关推荐

    jsp自定义分页标签

    通过这个自定义分页标签的学习,开发者不仅可以掌握自定义标签的开发,还能深入理解JSP的生命周期、EL(Expression Language)以及MVC(Model-View-Controller)设计模式在实际项目中的应用。这对于提升Java Web开发...

    java自定义分页标签

    Java自定义分页标签是Java Web开发中一种高效、可复用的方法,它允许开发者创建自己的标签库,用于处理分页逻辑,提高代码的可读性和可维护性。本篇文章将详细探讨如何在Java中实现一个自定义分页标签。 首先,理解...

    Struts2自定义分页标签

    本资源详细介绍了如何在Struts2中自定义分页标签,使得开发过程更加便捷。 在Struts2中,分页通常涉及到以下几个关键步骤: 1. **创建Action类**:首先,你需要创建一个Action类,该类将处理用户的请求,包括获取...

    一个功能强大的自定义分页标签

    在"page_demo"这个文件中,很可能是包含了一个演示如何使用这个自定义分页标签的示例。它可能包含了一个JSP页面(使用了分页标签)、TLD文件(定义了标签的元数据)以及可能的Java源代码(实现了分页逻辑)。通过...

    jsp自定义标签编写的分页

    在JSP页面中,我们可以这样使用自定义分页标签: ```jsp &lt;mypagination:pagination recordsPerPage="10" totalRecords="${messageCount}" currentPage="${currentPage}" /&gt; ``` 在这个例子中,`messageCount`和`...

    很不错的自定义分页标签

    本文将详细讲解如何实现一个很不错的自定义分页标签,以供开发者们参考和使用。 首先,我们要了解分页的基本原理。分页通常涉及到两个主要部分:前端显示和后端数据处理。前端负责展示当前页码、总页数以及翻页链接...

    Java自定义分页标签

    4. **在JSP中使用自定义分页标签** - 在JSP页面中,通过`&lt;%@ taglib %&gt;`指令引入自定义标签库,指定TLD文件的URI。 - 使用自定义标签,设置属性如当前页码、总记录数等,标签会根据这些参数生成分页链接。 5. **...

    java+hibernate+jsp+tld+自定义标签分页

    本项目结合了Java、Hibernate、JSP以及TLD(Tag Library Descriptor)技术,实现了一个高效、易懂且实用的自定义标签分页解决方案。下面我们将详细探讨这些技术以及它们在分页中的应用。 首先,Java作为后端编程...

    mybatis自定义分页标签

    而自定义分页标签是提高开发效率、增强代码可读性和复用性的一种常见手段。本篇将详细介绍如何在MyBatis中实现自定义的JSTL标签来完成分页查询。 首先,我们要理解分页的基本概念。分页是当数据量较大时,为了提高...

    java自定义分页标签实现带条件的分页查询

    这样,你就可以在JSP页面上像使用内置标签一样使用你的自定义分页标签。 7. **使用自定义标签**:在JSP页面中,插入`&lt;condition-pager&gt;`标签,传入查询条件和分页参数,标签将自动处理查询并渲染结果。 在提供的...

    Struts2+jsp自定义分页组件以及源码

    接着,我们来看看JSP自定义分页组件的实现。"zoo-paging-1.0.jar"中的分页组件应该包括以下关键部分: 1. **模型对象**(Model):封装分页信息,如当前页、总页数、每页大小等。 2. **标签库**(Tag Library):...

    Jsp 自定义标签 分页TagSuport

    **JSP自定义标签(Tag Support)详解** 在Java服务器页面(JSP)技术中,自定义标签是扩展JSP功能的重要手段,它允许开发者创建可重用的、符合XML语法规则的自定义标签库,以提高代码的可读性和可维护性。本篇文章...

    jsp java自定义标签 分页 当前位置 循环遍历数据

    例如,对于分页标签,我们可能有`pageSize`和`currentPage`等属性,而在`jspTld`文件中,我们将为这些属性指定对应的Java类型和默认值。 总的来说,通过结合JSP和Java自定义标签,我们可以构建高度定制的、可复用的...

    简单易用的自定义标签分页显示

    //得到分页米尺数值 sb.append("function getMaxNum(){"); sb.append("var val=document.getElementById('onePageMaxNum').value;"); sb.append("if(val=='') return "+measurement+";"); sb.append(" return ...

    自定义分页标签

    下面我们将深入探讨如何创建和使用自定义分页标签,并结合`jsp自定义标签`的原理来解释这个过程。 首先,我们要理解什么是JSP自定义标签。JSP自定义标签是JSP的一种扩展机制,允许开发者创建自己的标签库,类似于...

Global site tag (gtag.js) - Google Analytics