jsp自定义标签分页

第一步：建立分页实体page类

package com.soda.util;
/**
 * @description 分页实体类
 * @author line
 * @time   2016年8月28日11:16:50
 */
public class Page {
    private int pageSize;//每页记录per
    private int totalSize;//总记录total
    private int currentPage;//当前页page
    private int totalPage;//总页数lastpage
    private String url;//要链接的sevlet
    public Page() {
        // TODO Auto-generated constructor stub
    }
    public Page(int pageSize, int totalSize, int currentPage, int totalPage,
            String url) {
        super();
        this.pageSize = pageSize;
        this.totalSize = totalSize;
        this.currentPage = currentPage;
        this.totalPage = totalPage;
        this.url = url;
    }
    public int getPageSize() {
        return pageSize;
    }
    public void setPageSize(int pageSize) {
        this.pageSize = pageSize;
    }
    public int getTotalSize() {
        return totalSize;
    }
    public void setTotalSize(int totalSize) {
        this.totalSize = totalSize;
    }
    public int getCurrentPage() {
        return currentPage;
    }
    public void setCurrentPage(int currentPage) {
        if (currentPage<=0) {
            this.currentPage=1;
        }else if(totalPage<=0){
            this.currentPage = currentPage;
        }else if (currentPage>=totalPage) {
            this.currentPage=totalPage;
        }else {
            this.currentPage = currentPage;
        }
    }
    public int getTotalPage() {
        return totalPage;
    }
    public void setTotalPage(int totalPage) {
        this.totalPage = totalPage;
    }
    public String getUrl() {
        return url;
    }
    public void setUrl(String url) {
        this.url = url;
    }
    
}

第二步：建立分页标签类PageTag（页码样式自己可以更改）

package com.soda.util;

import java.io.IOException;

import javax.servlet.jsp.JspException;
import javax.servlet.jsp.JspWriter;
import javax.servlet.jsp.PageContext;
import javax.servlet.jsp.tagext.Tag;
import javax.servlet.jsp.tagext.TagSupport;

@SuppressWarnings("serial")
public class PageTag extends TagSupport {
    private Page pi;// 持有页码对象的引用

    public Page getPi() {
        return pi;
    }

    public void setPi(Page pi) {
        this.pi = pi;
    }

    @Override
    public int doStartTag() throws JspException {
        StringBuffer txt = new StringBuffer();
        if (pi.getTotalSize() < 1) {
            PageContext pc = this.pageContext;
            JspWriter out = pc.getOut();
            txt.append("<br/><div style='font-size:25px;text-align: center'>暂无查询结果</div>");
            try {
                out.append(txt.toString());
            } catch (IOException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
        } else {
            txt.append("<form action='" + pi.getUrl() + "' method='post'>");
            txt.append("<table width='100%' border='0' cellspacing='0' cellpadding='0'>");
            txt.append("<tr>");
            txt.append("<td width='20%' height='25'>");
            txt.append("<table border='0' cellspacing='0' cellpadding='3'>");
            txt.append("<tr>");
            txt.append("<td style='width:60px'></td>");

            if (pi.getCurrentPage() == 1) {
                txt.append("<td style='width:60px'><span>首页</span></td> ");
                txt.append("<td style='width:60px'><span>上一页</span></td> ");
            } else {
                txt.append("<td style='width:60px'><a href='" + pi.getUrl()
                        + "&currentPage=1'>首页</a></td> ");
                txt.append("<td style='width:60px'><a href='" + pi.getUrl()
                        + "&currentPage=" + (pi.getCurrentPage() - 1)
                        + "'>上一页</a></td> ");
            }
            for (int i = 1; i <= pi.getTotalPage(); i++) {
                if (pi.getCurrentPage() == i) {
                    txt.append("<td style='width:30px'>" + i + "</td>");
                    continue;
                }
                if (Math.abs(pi.getCurrentPage() - i) <= 3) {
                    txt.append("<td style='width:30px'><a href='" + pi.getUrl()
                            + "&currentPage=" + i + "'>" + i + "</a></td> ");
                    continue;
                }
                if (Math.abs(pi.getCurrentPage() - i) < 7) {
                    txt.append("<td style='width:30px'>.</td>");
                    continue;
                }
            }
            if (pi.getCurrentPage() >= pi.getTotalPage()) {
                txt.append("<td style='width:60px'><span>下一页</span></td>");
                txt.append("<td style='width:60px'><span>尾页</span></td>");
            } else {
                txt.append("<td style='width:60px'><a href='" + pi.getUrl()
                        + "&currentPage=" + (pi.getCurrentPage() + 1)
                        + "'>下一页</a></td>");
                txt.append("<td style='width:60px'><a href='" + pi.getUrl()
                        + "&currentPage=" + pi.getTotalPage()
                        + "'>尾页</a></td> ");
            }
            txt.append("</tr></table></td>");
            txt.append("<td width='20%' align='center'><table border='0' cellspacing='0' cellpadding='3'>");

            txt.append("<tr>");
            txt.append("<td>");
            txt.append("<input type='image' src='houtai/images/next.gif' width='16' height='16' border='0' onclick='return tiao()'/>");
            txt.append("<td><input name='currentPage' size='3' id='cid' style='width:25;height:18'/>/页</td> ");
            txt.append("</tr></table></td>");

            txt.append(" <td width='20%' align='right'>共" + pi.getTotalSize()
                    + "条记录显示到" + pi.getCurrentPage() + "/" + pi.getTotalPage()
                    + "</td>");
            txt.append("</tr></table></form>");
            PageContext pc = this.pageContext;
            JspWriter out = pc.getOut();
            try {
                out.print("<script> function tiao(){"
                        + "var id=document.getElementById('cid').value; "
                        + "if(id==null||id.length==0){"
                        + "alert('请输入页码'); return false;} " + "if(isNaN(id)){"
                        + "alert('请输入数字'); return false;} "
                        + "if(id.indexOf(' ')>=0){"
                        + "alert('页码不能是空或含有有空格！'); return false;}"
                        + "if(parseInt(id)<1||parseInt(id)>"
                        + pi.getTotalPage() + "){"
                        + "alert('您输入的页码不在页码范围之内！'); return false;}}"
                        + "</script>");
                out.print("<style>a{text-decoration: none;} "
                        + "a:visited{color:#333333;}" + "</style>");
                out.append(txt.toString());

            } catch (IOException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
        }
        return Tag.EVAL_PAGE;
    }
}

第三步：建立分页标签pageTag.tld文件

<?xml version="1.0" encoding="UTF-8" ?>
<taglib xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee " version="2.1">

    <description>pageTag</description>
    <display-name>pageTag</display-name>
    <tlib-version>1.1</tlib-version>
    <short-name>PersonTag</short-name>
    <uri>http://page/PersonTag</uri>

    <tag>
        <name>page</name>
        <tag-class>com.soda.util.PageTag</tag-class>
        <body-content>empty</body-content>
        <attribute>
            <name>pi</name>
            <required>true</required>
            <rtexprvalue>true</rtexprvalue>
        </attribute>
    </tag>
</taglib>

第四步：jsp页面运用（页面顶部引入标签，页面底部引用标签）注意：是红色字体所在行

<%@page import="com.soda.bean.User"%>
<%@page import="com.soda.bean.UserCondition"%>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://page/PersonTag" prefix="page" %>
<%
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>

<title></title>
<link href="houtai/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="houtai/js/main.js"></script>
<script type="text/javascript">
var xmlhttp;
var useid;
function forbiduser(id){
    useid=id;
    var ss=document.getElementById("userStateId"+id).innerHTML;
    var s;
    var ustate;
    if(ss=="启用"){
         ustate=1;
        s="禁用";
    }else{
         ustate=0;
        s="启用";
    }
    if (confirm('是否'+s+'？')){
        xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange=res;
        xmlhttp.open("get", "<%=basePath%>UserServlet?method=forbiduser&useId="+id+"&useState="+ustate, true);
        xmlhttp.send(null);
    }
    
}
function res() {
    if(xmlhttp.readyState==4&&xmlhttp.status==200){
        var txt = xmlhttp.responseText;
        if(txt=="禁用"){
            document.getElementById("btstate"+useid).innerHTML="启用";
        document.getElementById("userStateId"+useid).innerHTML="禁用";
        }
        if(txt=="启用"){
            document.getElementById("btstate"+useid).innerHTML="禁用";
            document.getElementById("userStateId"+useid).innerHTML="启用";
        }
    }
}
//全选与反选
window.onload = function(){
        document.getElementById("userids").onclick = function(){
            var flag = this.checked;
            var items = document.getElementsByName("items");
            for(var i = 0; i < items.length; i++){
                items[i].checked = flag;
            }
        }
        var items = document.getElementsByName("items");
        for(var i = 0; i < items.length; i++){
            items[i].onclick = function(){
                //记录有多少个 items 被选中了
                var number = 0;
                for(var j = 0; j < items.length; j++){
                    if(items[j].checked){
                        number++;
                    }
                }
                document.getElementById("userids").checked = (items.length == number);
            }
        }
    }
</script>
</head>
<body><%-- <c:set value="${sessionScope.uc }" var="uu"></c:set> --%>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="3">
  <tr>
    <td style="height:25px; background-color:#f3f3f3; font-weight:bold" valign="top">
    &nbsp;&nbsp;&nbsp;&nbsp;当前位置：
    <img src="houtai/images/arrow.gif" align="absmiddle">&nbsp;&nbsp;soda创业教育平台&nbsp;&nbsp;
    <img src="houtai/images/arrow.gif" align="absmiddle">&nbsp;&nbsp;后台管理&nbsp;&nbsp;
    <img src="houtai/images/arrow.gif" align="absmiddle">&nbsp;&nbsp;用户管理</td>
  </tr>
  <tr>
    <td style="height:34px; background-image:url(houtai/images/main_header.gif); border-bottom:1px solid #cfd8e0; padding:0px">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="20" height="34"><img src="houtai/images/main_headerL.gif" width="20" height="34"></td>
          <td style="color:#90c8e8;"><img src="houtai/images/icon_card.gif" width="16" height="16" align="absmiddle">&nbsp;&nbsp;<strong>用户管理</strong></td>
          <td align="right" class="white" style="padding-right:20px"><a href="<%=basePath %>UserServlet?method=addlookrole" class="barBtn"><img src="houtai/images/5.png" align="absmiddle"> 新增</a> 
          <a href="javascript:history.go(-1);" class="barBtn" onClick="javascript:history.go(-1);"><img src="houtai/images/btn_left.gif" align="absmiddle"> 后退</a> 
          <a href="javascript:history.go(+1);" class="barBtn" onClick="javascript:history.go(+1);"><img src="houtai/images/btn_right.gif" align="absmiddle"> 前进</a> 
          <a href="javascript:history.go(0);" class="barBtn" onClick="javascript:history.go(0);"><img src="houtai/images/btn_refresh.gif" align="absmiddle"> 刷新</a></td>
        </tr>
    </table></td>
  </tr>
  <%
  UserCondition uc=(UserCondition)session.getAttribute("uc");
      if(uc==null){
          uc = new UserCondition("","",-1,-1);
      }
  %>
  
  <tr>
    <td style="height:30px; background-color:#bddbff; border-bottom:1px solid #cfd8e0;"><table width="100%" border="0" cellpadding="3" cellspacing="1" class="table1">
      <form action="<%=basePath %>UserServlet" method="post">
      <TR>
        <th width="10%" align="center">用户登录名</th>
        <td width="20%" class="BGCgray">
        <input type="text" name="conseluname" id="textfield" value="<%=uc.getUserLoginName()==null?"":uc.getUserLoginName()%>"></td>
        <th width="10%" align="center">真实姓名</th>
        <td width="20%" class="BGCgray">
        <input type="text" name="conselruname" id="textfield2" value="<%=uc.getUserRealName()==null?"":uc.getUserRealName()%>"></td>
        <th width="10%" align="center"><STRONG>状态</STRONG></th>
        <td width="20%" class="BGCgray">
        <select name="userState" id="select2">
          <option <%=uc.getUserState()==-1?"selected='selected'":""%> value="-1">全部</option>
          <option <%=uc.getUserState()==1?"selected='selected'":""%> value="1">启用</option>
          <option <%=uc.getUserState()==0?"selected='selected'":""%> value="0">禁用</option>
        </select></td>
        <th width="10%" align="center">
        <BUTTON style="HEIGHT:25px" onClick="javascript:if (confirm('查询数据？')) return true;else return false;">
        <img src="houtai/images/btn_search.gif" width="16" height="16" align="absmiddle"> 查询
        <input type="hidden" name="method" value="showuser">
        <input type="hidden" name="currentPage" value="1">
        </BUTTON></th>
        </TR>
        </form>
    </table></td>
  </tr>
  <tr>
    <td height="100%" valign="top">
    <div style="overflow:auto;height:100%; width:100%">
      <table width="100%" border="0" cellpadding="3" cellspacing="1" class="table1">
        <TR>
          <th align="center"><input type="checkbox" name="checkbox" id="userids"></th>
          <th align="center">用户姓名</th>
          <th align="center">登录名</th>
          <th align="center">联系电话</th>
          <th align="center">地址</th>
          <th align="center">邮箱</th>
           <th align="center">状态</th>
          <th width="200" align="center">操作</th>
          </TR>
        <c:forEach items="${users }" var="user">
        <TR>
          <TD align="center"><input type="checkbox" name="items" id="checkbox2"></TD>
          <TD align="center">${user.useName }</TD>
          <TD align="center">${user.useLoginName }</TD>
          <TD align="center">${user.usePhone }</TD>
          <TD align="center">${user.useAddress }</TD>
          <TD align="center">${user.useEmail }</TD>
          <TD align="center" id="userStateId${user.useId }">${user.useState==1?"启用":"禁用" }</TD>
          <TD width="200" align="center">
          <BUTTON style="height:21px; font-size:12px" onClick="javascript:if (confirm('查看该信息？')){ location.href='<%=basePath %>UserServlet?method=lookinfo&useId=${user.useId }'; return true;}else return false;">查看
          </BUTTON> 
          <BUTTON style="height:21px; font-size:12px" onClick="javascript:if (confirm('编辑该信息？')){ location.href='<%=basePath %>UserServlet?method=editinfo&useId=${user.useId }'; return true;}else return false;">编辑
          </BUTTON> 
          <BUTTON style="height:21px; font-size:12px" id="fid" onclick="forbiduser(${user.useId})"><span id="btstate${user.useId }">${user.useState==1?"禁用":"启用" }</span>
          </BUTTON> 
          <BUTTON style="height:21px; font-size:12px" onClick="javascript:if (confirm('删除该信息？')){ location.href='<%=basePath %>UserServlet?method=deleteinfo&useId=${user.useId }'; return true;}else return false;">删除
          </BUTTON>
          </TD>
        </TR>
        </c:forEach>
      </table>
      <page:page pi="${page }"/>
</body>
</html>

第六步：这里省略sevlet代码，分页标签实体类中的URL在servlet中设置。