Jsp自定义标签实现分页

首先引入自定义标签知识点：
自定义标签
1、封装逻辑的java
逻辑代码
输入页面的内容
2、用描述文件描述标签
注册有个标签
3、使用
引用标签库（taglib uri）
运用标签

接下来是自定义标签的一个小demo：
首先写好逻辑代码MyTag

package cn.com.demo.tags;

import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;

import javax.servlet.jsp.JspException;
import javax.servlet.jsp.JspWriter;
import javax.servlet.jsp.tagext.BodyTagSupport;

public class MyTag extends BodyTagSupport {

    @Override
    public int doEndTag() throws JspException {
        //处理数据
        Date date = new Date();
        SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");
        String dateString = format.format(date);
        JspWriter out = this.pageContext.getOut();
        try {
            out.println(dateString);
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        return super.doEndTag();
    }
    
}

接下来考虑到安全性，就在WEB-INF文件中创建tld子文件，再在其中创建XXX.tld，对写好的java代码绑定到一个标签中(例子中将写好的MyTag绑定到time：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE taglib PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.2//EN"
                        "http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd">
<taglib>
 <tlib-version>1.0</tlib-version>
 <jsp-version>1.2</jsp-version>
 <short-name>mytags</short-name>
 
 <tag>
    <name>time</name>
    <tag-class>cn.com.demo.tags.MyTag</tag-class>
    <body-content>empty</body-content>
 </tag>
</taglib>

最后就可以在jsp中使用了，不过首先还是得先引入：

<%@taglib uri="/WEB-INF/tld/mytags.tld" prefix="m"%>

然后在代码中就可以直接像jsp标签那样使用了：

<body>
    <m:time/>
  </body>

现在开始实现分页的逻辑：
首先创建一个javaBean

package cn.com.demo.entity;

public class User {
private String username;
private int age;
public String getUsername() {
    return username;
}
public void setUsername(String username) {
    this.username = username;
}
public int getAge() {
    return age;
}
public void setAge(int age) {
    this.age = age;
}

}

然后模拟已经连接数据库的逻辑：

package cn.com.demo.service;

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

import cn.com.demo.entity.User;

public class UserService {
    public List<User> findByPage(int pageNo)
    {
        List<User> list = null;
        int sumCount = this.findUserCount();
        int first = (pageNo-1)*5;
        int last = pageNo*5;
        if(last>=sumCount)
        {
            last = sumCount;
        }
        
        list = new ArrayList<User>();
        User user = null;
        for(int i=first;i<=last;i++)
        {
            user = new User();
            user.setAge(i);
            user.setUsername("user"+i);
            list.add(user);
        }
        return list;
    }
    
    public int findUserCount()
    {
        return 18;
    }
    
    public int findTotalPageNo()
    {
        int sumNo = 0;
        int count = this.findUserCount();
        sumNo = count/5;
        if(sumNo%5!=0)
        {
            sumNo = sumNo+1;
        }
        return sumNo;
    }
}

然后实现Servlet，其中需要向页面传3个值（总页数、当前页、当前查找的数据）

package cn.com.demo.servlet;


import java.io.IOException;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import cn.com.demo.entity.User;
import cn.com.demo.service.UserService;

public class SearchUserServlet extends HttpServlet {

    @Override
    protected void service(HttpServletRequest req, HttpServletResponse res)
            throws ServletException, IOException {
        String pageNoStr = req.getParameter("pageNo");
        int pageNo = 1;
        try{
        pageNo = Integer.parseInt(pageNoStr);
        }catch (Exception e) {
            // TODO: handle exception
        }
        UserService userService = new UserService();
        
        //获取总页数
        int sumPageNo = userService.findTotalPageNo();
        if(pageNo>=sumPageNo)
        {
            pageNo = sumPageNo;
        }
        if(pageNo<=1)
        {
            pageNo = 1;
        }
        List<User> list = userService.findByPage(pageNo);
        req.setAttribute("pageNo",pageNo);
        req.setAttribute("sumPageNo", sumPageNo);
        req.setAttribute("list",list);
        req.getRequestDispatcher("index.jsp").forward(req, res);
    }

}

最后是前端代码，使用Js来控制页码的变换：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
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>
  <table>
  <tr>
  <td>用户名</td>
  <td>年龄</td>
  </tr>
  
  <c:forEach items="${list}" var="user">
  <tr>
  <td>${user.username }</td>
  <td>${user.age }</td>
  </tr>
  </c:forEach>
  <tr align="center">
  <td>
  <a href="javascript:void" onclick="toFirst()">首页</a>
  <a href="javascript:void" onclick="toPrev()">上一页</a>
  <a href="javascript:void" onclick="toNext()">下一页</a>
  <a href="javascript:void" onclick="toLast()">末页</a>
  </td>
  </tr>
  </table>
  </body>
  
  <script type="text/javascript">
    var pageNo = ${pageNo};
    var sumPageNo = ${sumPageNo};
    function toFirst(){
        pageNo = 1;
        toViewPage();
    }
    function toLast(){
        pageNo = sumPageNo;
        toViewPage();
    }
    function toNext(){
        pageNo = pageNo+1;
        if(pageNo>sumPageNo)
        {
            pageNo = sumPageNo;
        }
        toViewPage();
    }
    function toPrev(){
        pageNo = pageNo-1;
        if(pageNo<1)
        {
            pageNo =1 ;
        }
        toViewPage();
    }
    function toViewPage(){
        location.href="searchUserServlet?pageNo="+pageNo+"&"+Math.random();
    }
  </script>
  
</html>

当解决上述两个问题时，就可以开始研究分页自定义标签的思路了，能够复用的部分就是“首页、上一页、下一页、末页”这控制分页的超链接，因为显示数据会因为数据库字段的不同而不同，所以不能够复用。所以创建一个自定义tag:

package cn.com.demo.tag;

import javax.servlet.jsp.JspException;
import javax.servlet.jsp.JspWriter;
import javax.servlet.jsp.tagext.BodyTagSupport;

public class PageTag extends BodyTagSupport {
    private String pageNoName;
    private String sumPageName;
    private String url;
    public String getPageNoName() {
        return pageNoName;
    }
    public void setPageNoName(String pageNoName) {
        this.pageNoName = pageNoName;
    }
    public String getSumPageName() {
        return sumPageName;
    }
    public void setSumPageName(String sumPageName) {
        this.sumPageName = sumPageName;
    }
    public String getUrl() {
        return url;
    }
    public void setUrl(String url) {
        this.url = url;
    }
    @Override
    public int doEndTag() throws JspException {
        JspWriter out = this.pageContext.getOut();
        try{
            out.println("<a href='javascript:void' onclick='toFirst()'>首页</a>");
            out.println(" <a href='javascript:void' onclick='toPrev()'>上一页</a>");
            out.println(" <a href='javascript:void' onclick='toNext()'>下一页</a>");
            out.println(" <a href='javascript:void' onclick='toLast()'>末页</a>");
            out.println("  <script type='text/javascript'>");
            Object value = pageContext.getRequest().getAttribute(this.pageNoName);
            out.println("   var pageNo = "+value+";");
            value = pageContext.getRequest().getAttribute(this.sumPageName);
            out.println("   var sumPageNo = "+value+";");
            out.println("   function toFirst(){");
            out.println("   pageNo = 1;");
            out.println("       toViewPage();");
            out.println("   }");
            out.println("       function toLast(){");
            out.println("       pageNo = sumPageNo;");
            out.println("               toViewPage();");
            out.println("   }");
            out.println("function toNext(){");
            out.println("pageNo = pageNo+1;");
            out.println("if(pageNo>sumPageNo)");
            out.println("{");
            out.println("pageNo = sumPageNo;");
            out.println("}");
            out.println("toViewPage();");
            out.println("}");
            out.println("function toPrev(){");
            out.println("pageNo = pageNo-1;");
            out.println("if(pageNo<1)");
            out.println("{");
            out.println("   pageNo =1 ;");
            out.println("}");
            out.println("toViewPage();");
            out.println("}");
            out.println("function toViewPage(){");
            value = pageContext.getRequest().getAttribute(this.pageNoName);
            out.println("location.href='"+url+"?"+this.pageNoName+"='+pageNo+'&'+Math.random();");
            out.println("}");
            out.println("  </script>");
        }catch (Exception e) {
            // TODO: handle exception
        }
        return super.doEndTag();
    }
    
}

对其进行配置：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE taglib PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.2//EN"
                        "http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd">
<taglib>
 <tlib-version>1.0</tlib-version>
 <jsp-version>1.2</jsp-version>
 <short-name>matags</short-name>
 <uri>http://mytags</uri>
 
 <tag>
    <name>page</name>
    <tag-class>cn.com.demo.tag.PageTag</tag-class>
    <body-content>empty</body-content>
    
    <attribute>
        <name>pageNoName</name>
        <required>true</required>
        <rtexprvalue>true</rtexprvalue>
        <type>java.lang.String</type>
    </attribute>
    <attribute>
        <name>sumPageName</name>
        <required>true</required>
        <rtexprvalue>true</rtexprvalue>
        <type>java.lang.String</type>
    </attribute>
    <attribute>
        <name>url</name>
        <required>true</required>
        <type>java.lang.String</type>
    </attribute>
 </tag>
</taglib>

最后页面就可以改为：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://mytags" prefix="t"%>
<%
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 'tttttt.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>
  <table>
  <tr>
  <td>用户名</td>
  <td>年龄</td>
  </tr>
  
  <c:forEach items="${list}" var="user">
  <tr>
  <td>${user.username }</td>
  <td>${user.age }</td>
  </tr>
  </c:forEach>
  <tr align="center">
  <td>
  <t:page url="searchUserServlet" pageNoName="pageNo" sumPageName="sumPageNo"/>
  </td>
  </tr>
  </table>
  </body>
  

  
</html>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 204,189评论 6赞 478
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 85,577评论 2赞 381
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 150,857评论 0赞 337
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,703评论 1赞 276
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,705评论 5赞 366
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,620评论 1赞 281
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 37,995评论 3赞 396
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,656评论 0赞 258
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 40,898评论 1赞 298
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2赞 321
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1赞 330
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,395评论 4赞 319
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 38,982评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1赞 260
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2赞 349
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2赞 342