自定义分页标签模拟谷歌模式

自定义标签分页，对于分页的显示方式有很多，简单的模拟一下谷歌的分页方式。

思路：
1.显示的数字个数可以设置，通过点击时要改变的数字个数决定
2.点击显示记录中的中间记录的前面的数字时记录信息不改变
3.点击显示记录中的中间记录的后面的数字时被点击的数字居中显示，并且显示记录更新
4.当前显示记录为最顶信息则不显示上一页，当前显示记录为最末信息则不显示下一页

第一步：创建一个自定义标签的标签类

 
  
  
  
  

  
 
  
 
  
   
   
   
   
分页标签的标签类：  
  
 
  
 
  
   
   
   
   
import javax.servlet.jsp.JspException;  
  
 
  
 
  
   
   
   
   
import javax.servlet.jsp.tagext.TagSupport;  
  
 
  
 
  
   
   
   
   
 
  
 
  
 
  
   
   
   
   
import java.io.IOException;  
  
 
  
 
  
   
   
   
   
import java.text.MessageFormat;  
  
 
  
 
  
   
   
   
   
 
  
 
  
 
  
   
   
   
   
public class DivPageByNumber extends TagSupport {  
  
 
  
 
  
   
   
   
   
    // 显示的页面的url;  
  
 
  
 
  
   
   
   
   
    private String url;  
  
 
  
 
  
   
   
   
   
    // 显示的页码  
  
 
  
 
  
   
   
   
   
    private int page;  
  
 
  
 
  
   
   
   
   
    // 要显示的页码数  
  
 
  
 
  
   
   
   
   
    private int totalPages;  
  
 
  
 
  
   
   
   
   
    // 每次改变的页码数  
  
 
  
 
  
   
   
   
   
    private int changePages;  
  
 
  
 
  
   
   
   
   
    private String upPage="上一页";  
  
 
  
 
  
   
   
   
   
    private String nextPage="下一页";  
  
 
  
 
  
   
   
   
   
 
  
 
  
 
  
   
   
   
   
    /**  
  
 
  
 
  
   
   
   
   
     * 标签开始执行，该标签没有标签体  
  
 
  
 
  
   
   
   
   
     */ 
  
 
  
 
  
   
   
   
   
    @Override 
  
 
  
 
  
   
   
   
   
    public int doStartTag() throws JspException {  
  
 
  
 
  
   
   
   
   
        int indexStart = page - changePages;  
  
 
  
 
  
   
   
   
   
        int indexEnd = page + changePages;  
  
 
  
 
  
   
   
   
   
        if (indexStart <=1) {  
  
 
  
 
  
   
   
   
   
            indexStart = 1;  
  
 
  
 
  
   
   
   
   
        }  
  
 
  
 
  
   
   
   
   
        if (indexEnd > totalPages) {  
  
 
  
 
  
   
   
   
   
            indexEnd = totalPages;  
  
 
  
 
  
   
   
   
   
        }  
  
 
  
 
  
   
   
   
   
        /**  
  
 
  
 
  
   
   
   
   
         * 如果显示的页面是第一页则不用显示下一页  
  
 
  
 
  
   
   
   
   
         */ 
  
 
  
 
  
   
   
   
   
        if(indexStart>1){  
  
 
  
 
  
   
   
   
   
            String [] linkUp={url, String.valueOf(indexStart-changePages) ,upPage};  
  
 
  
 
  
   
   
   
   
            printLink(linkUp);  
  
 
  
 
  
   
   
   
   
            printModify("&nbsp;&nbsp;&nbsp;");  
  
 
  
 
  
   
   
   
   
        }  
  
 
  
 
  
   
   
   
   
        /**  
  
 
  
 
  
   
   
   
   
         *显示输出的的数字的个数包含首尾数字所以一次显示的数字个数是一次改变的数字数加1  
  
 
  
 
  
   
   
   
   
         */ 
  
 
  
 
  
   
   
   
   
        for (int i = indexStart; i <= indexEnd; i++) {  
  
 
  
 
  
   
   
   
   
            String[] object = { url, String.valueOf(i), String.valueOf(i) };  
  
 
  
 
  
   
   
   
   
            printLink(object);  
  
 
  
 
  
   
   
   
   
            printModify("&nbsp;&nbsp;&nbsp;");  
  
 
  
 
  
   
   
   
   
        }  
  
 
  
 
  
   
   
   
   
        /**  
  
 
  
 
  
   
   
   
   
         * 如果显示的页面是最后一页，则不用显示下一页  
  
 
  
 
  
   
   
   
   
         */ 
  
 
  
 
  
   
   
   
   
        if(indexEnd<totalPages){  
  
 
  
 
  
   
   
   
   
            String [] linkNext={url, String.valueOf(indexEnd+changePages) ,nextPage};  
  
 
  
 
  
   
   
   
   
            printLink(linkNext);  
  
 
  
 
  
   
   
   
   
        }  
  
 
  
 
  
   
   
   
   
 
  
 
  
 
  
   
   
   
   
        return super.doStartTag();  
  
 
  
 
  
   
   
   
   
    }  
  
 
  
 
  
   
   
   
   
 
  
 
  
 
  
   
   
   
   
    /**  
  
 
  
 
  
   
   
   
   
     * 向页面输出每一页的数字连接  
  
 
  
 
  
   
   
   
   
     * @param object  
  
 
  
 
  
   
   
   
   
     */ 
  
 
  
 
  
   
   
   
   
    private void printLink(String...object) {  
  
 
  
 
  
   
   
   
   
        String linkString = "<a href={0}?page={1}>{2}</a>";  
  
 
  
 
  
   
   
   
   
        String divPageString = MessageFormat.format(linkString, object);  
  
 
  
 
  
   
   
   
   
        try {  
  
 
  
 
  
   
   
   
   
            pageContext.getOut().write(divPageString);  
  
 
  
 
  
   
   
   
   
        } catch (IOException e) {  
  
 
  
 
  
   
   
   
   
            e.printStackTrace();  
  
 
  
 
  
   
   
   
   
        }  
  
 
  
 
  
   
   
   
   
    }  
  
 
  
 
  
   
   
   
   
 
  
 
  
 
  
   
   
   
   
    /**  
  
 
  
 
  
   
   
   
   
     * 修饰输出  
  
 
  
 
  
   
   
   
   
     * @param stringModify  
  
 
  
 
  
   
   
   
   
     */ 
  
 
  
 
  
   
   
   
   
    public void printModify(String stringModify){  
  
 
  
 
  
   
   
   
   
        try{  
  
 
  
 
  
   
   
   
   
            pageContext.getOut().write(stringModify);  
  
 
  
 
  
   
   
   
   
        }catch(IOException e){  
  
 
  
 
  
   
   
   
   
            e.printStackTrace();  
  
 
  
 
  
   
   
   
   
        }  
  
 
  
 
  
   
   
   
   
    }  
  
 
  
 
  
   
   
   
   
      
  
 
  
 
  
   
   
   
   
    public String getUrl() {  
  
 
  
 
  
   
   
   
   
        return url;  
  
 
  
 
  
   
   
   
   
    }  
  
 
  
 
  
   
   
   
   
 
  
 
  
 
  
   
   
   
   
    public void setUrl(String url) {  
  
 
  
 
  
   
   
   
   
        this.url = url;  
  
 
  
 
  
   
   
   
   
    }  
  
 
  
 
  
   
   
   
   
 
  
 
  
 
  
   
   
   
   
    public int getPage() {  
  
 
  
 
  
   
   
   
   
        return page;  
  
 
  
 
  
   
   
   
   
    }  
  
 
  
 
  
   
   
   
   
 
  
 
  
 
  
   
   
   
   
    public void setPage(int page) {  
  
 
  
 
  
   
   
   
   
        this.page = page;  
  
 
  
 
  
   
   
   
   
    }  
  
 
  
 
  
   
   
   
   
 
  
 
  
 
  
   
   
   
   
    public int getTotalPages() {  
  
 
  
 
  
   
   
   
   
        return totalPages;  
  
 
  
 
  
   
   
   
   
    }  
  
 
  
 
  
   
   
   
   
 
  
 
  
 
  
   
   
   
   
    public void setTotalPages(int totalPages) {  
  
 
  
 
  
   
   
   
   
        this.totalPages = totalPages;  
  
 
  
 
  
   
   
   
   
    }  
  
 
  
 
  
   
   
   
   
 
  
 
  
 
  
   
   
   
   
    public int getChangePages() {  
  
 
  
 
  
   
   
   
   
        return changePages;  
  
 
  
 
  
   
   
   
   
    }  
  
 
  
 
  
   
   
   
   
 
  
 
  
 
  
   
   
   
   
    public void setChangePages(int changePages) {  
  
 
  
 
  
   
   
   
   
        this.changePages = changePages;  
  
 
  
 
  
   
   
   
   
    }  
  
 
  
 
  
   
   
   
   
 
  
 
  
 
  
   
   
   
   
} 
 

 

 
  
  
  
  

第二步：配置tld文件

 

 
  
  
  
  

  
 
  
 
  
   
   
   
   
配置tld文件，添加自定义标签  
  
 
  
 
  
   
   
   
   
    <tag>  
  
 
  
 
  
   
   
   
   
        <name>divPageNumber</name>  
  
 
  
 
  
   
   
   
   
        <tag-class>xiao.zhang.tag.DivPageByNumber</tag-class>  
  
 
  
 
  
   
   
   
   
        <body-content>jsp</body-content>          
  
 
  
 
  
   
   
   
   
        <attribute>  
  
 
  
 
  
   
   
   
   
            <name>url</name>  
  
 
  
 
  
   
   
   
   
            <required>true</required>  
  
 
  
 
  
   
   
   
   
            <rtexprvalue>true</rtexprvalue>  
  
 
  
 
  
   
   
   
   
        </attribute>  
  
 
  
 
  
   
   
   
   
        <attribute>  
  
 
  
 
  
   
   
   
   
            <name>page</name>  
  
 
  
 
  
   
   
   
   
            <required>true</required>  
  
 
  
 
  
   
   
   
   
            <rtexprvalue>true</rtexprvalue>  
  
 
  
 
  
   
   
   
   
        </attribute>  
  
 
  
 
  
   
   
   
   
        <attribute>  
  
 
  
 
  
   
   
   
   
            <name>totalPages</name>  
  
 
  
 
  
   
   
   
   
            <required>true</required>  
  
 
  
 
  
   
   
   
   
            <rtexprvalue>true</rtexprvalue>  
  
 
  
 
  
   
   
   
   
        </attribute>  
  
 
  
 
  
   
   
   
   
        <attribute>  
  
 
  
 
  
   
   
   
   
            <name>changePages</name><!--每次单击居中数字后面的数字时要改变的数字个数-->  
  
 
  
 
  
   
   
   
   
            <required>true</required>  
  
 
  
 
  
   
   
   
   
            <rtexprvalue>true</rtexprvalue>  
  
 
  
 
  
   
   
   
   
        </attribute>  
  
 
  
 
  
   
   
   
   
    </tag>  
 

 

 
  
  
  
  

配置其他环境：如果tld文件不在/WEB-INF/目录下则要在web.xml文件中添加自定义标签库的引用信息
根据tld中的信息添加：
  

 
  
  
  
  

  
 
  
 
  
   
   
   
   
<jsp-config>  
  
 
  
 
  
   
   
   
   
   <taglib>  
  
 
  
 
  
   
   
   
   
    <taglib-uri>http://aiilive.blog.51cto.com/</taglib-uri>  
  
 
  
 
  
   
   
   
   
    <taglib-location>/WEB-INF/tag.tld</taglib-location>  
  
 
  
 
  
   
   
   
   
   </taglib>  
  
 
  
 
  
   
   
   
   
  </jsp-config> 
 

 

 
  
  
  
  

实现的效果还行，就是后台数据库的处理方面要下功夫了。 

 

 

 分页技术在各种各样的网站上都随处看见，而且风格，显示，实现方式都不太一样
对于分页而言其本身意义并不大。
  但是对于每一页显示的信息而言，好的分页实现机制可以：
  减少数据库的访问次数；
  加快页面的数据的加载调高访问速度；
  根据用户的需要而进行数据的显示从而减少不必要的数据库访问。
  等等

  分页技术的核心还是在于数据库中的数据如何根据页面的请求更加有效，快速返回
给用户请求。

本文出自 “野马红尘” 博客，谢绝转载！