jsp页面分页

fengzhongdengdai

浏览: 41148 次
性别:
来自: 南京

最近访客更多访客>>

00runner

iMGreens

louliang890

yifei701

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

JSP UI SSH Spring Hibernate

关键字: jsp分页, 数据分页, 列表分页, 文章分页
    分页貌似是Web开发中很老的一个问题了，但是我以前用的分页方法在解耦合上都不是很好，在最近的项目里对分页又改进了一下，几乎可以在任何需要分页的页面下做引用，并直接使用！目前已成功用在列表的分页显示，及文章内容的分页显示上，这个page组件只需要一个pageBean和一个page.jsp。下面说一下实现：

    我是在SSH环境下用的，就以这个环境为例说一下

    pageBean类：

Java代码
1.import java.util.List;
2.
3./**
4. * 分页组件需先setResult
5. * @author Seven.Kyo
6. *
7. */
8.public class PageBean {
9.    private int pageNum =1; //当前页
10.    private int maxResult; //总记录数
11.    private int pageMax; //每页显示数
12.    private int maxPage ; //总页数
13.
14.    public int getPageMax() {
15.        return pageMax;
16.    }
17.    public void setPageMax(int pageMax) {
18.        this.pageMax = pageMax;
19.    }
20.    public int getPageNum() {
21.        return pageNum;
22.    }
23.    public void setPageNum(int pageNum) {
24.        this.pageNum = pageNum;
25.    }
26.    public int getMaxPage() {
27.        return maxPage;
28.    }
29.    public void setMaxPage() {
30.        this.maxPage=(maxResult%pageMax==0 ? maxResult/pageMax : maxResult/pageMax + 1);
31.    }
32.
33.    public int getMaxResult() {
34.        return maxResult;
35.    }
36.    public void setMaxResult(int maxResult) {
37.        this.maxResult = maxResult;
38.    }
39.}
import java.util.List;

/**
* 分页组件需先setResult
* @author Seven.Kyo
*
*/
public class PageBean {
private int pageNum =1; //当前页
private int maxResult; //总记录数
private int pageMax; //每页显示数
private int maxPage ; //总页数

public int getPageMax() {
return pageMax;
}
public void setPageMax(int pageMax) {
this.pageMax = pageMax;
}
public int getPageNum() {
return pageNum;
}
public void setPageNum(int pageNum) {
this.pageNum = pageNum;
}
public int getMaxPage() {
return maxPage;
}
public void setMaxPage() {
this.maxPage=(maxResult%pageMax==0 ? maxResult/pageMax : maxResult/pageMax + 1);
}

public int getMaxResult() {
return maxResult;
}
public void setMaxResult(int maxResult) {
this.maxResult = maxResult;
}
}

    page.jsp:

Html代码
1.<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
2.<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
3.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
4.<html>
5. <head>
6.    <script type="text/javascript">
7.    /**获得并判断当前窗口的地址,添加pageNum参数==解耦合的关键**/
8.        function go(num)
9.        {
10.            if(num<=0)
11.            {
12.                alert('当前已是最前页');
13.                return;
14.            }
15.            if(num>${page.maxPage})
16.            {
17.                alert('当前已是最后页');
18.                return;
19.            }
20.            var url = window.location;
21.            var pos = String(url).indexOf("pageNum");    //查看是否存在pageNum页数参数
22.            if(pos=="-1")
23.            {
24.                window.location.replace(url+'&pageNum='+num) ;   //不存在则添加,值为所点击的页数
25.            }
26.            else
27.            {
28.                var ui = String(url).substring(0,pos);
29.                window.location.replace(ui+'pageNum='+num);      //存在,则刷新pageNum参数值
30.            }
31.        }
32.</script>
33. </head>
34.
35.
36.    <a
37.                        href="javascript:go('${page.pageNum -1}')">上一页</a>
38.        <c:forEach begin="1" end="${page.maxPage}" var="tt">
39.            <c:choose>
40.                <c:when test="${tt==page.pageNum}">
41.                    <strong>${tt}</strong>
42.                </c:when>
43.                <c:otherwise>
44.                    <a
45.                        href="javascript:go('${tt }')">${tt}</a>
46.                </c:otherwise>
47.            </c:choose>
48.        </c:forEach>
49.        <a
50.            href="javascript:go('${page.pageNum +1 }')">下一页</a><a
51.            href="javascript:go(${page.maxPage })">最后一页</a>共有${page.maxPage }页
52.</html>
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <script type="text/javascript">
    /**获得并判断当前窗口的地址,添加pageNum参数==解耦合的关键**/
function go(num)
{
            if(num<=0)
            {
                alert('当前已是最前页');
                return;
            }
            if(num>${page.maxPage})
            {
                alert('当前已是最后页');
                return;
            }
            var url = window.location;
            var pos = String(url).indexOf("pageNum");    //查看是否存在pageNum页数参数
            if(pos=="-1")
            {
    window.location.replace(url+'&pageNum='+num) ;   //不存在则添加,值为所点击的页数
}
else
{
    var ui = String(url).substring(0,pos);
    window.location.replace(ui+'pageNum='+num);      //存在,则刷新pageNum参数值
}
}
</script>
</head>

    <a
href="javascript:go('${page.pageNum -1}')">上一页</a>
<c:forEach begin="1" end="${page.maxPage}" var="tt">
<c:choose>
<c:when test="${tt==page.pageNum}">
<strong>${tt}</strong>
</c:when>
<c:otherwise>
<a
href="javascript:go('${tt }')">${tt}</a>
</c:otherwise>
</c:choose>
</c:forEach>
<a
href="javascript:go('${page.pageNum +1 }')">下一页</a><a
href="javascript:go(${page.maxPage })">最后一页</a>共有${page.maxPage }页
</html>    在需要分页的页面中添加：<jsp:include page="page.jsp" flush="true"/>

    Struts Action里面的数据处理：

Java代码
1.              PageBean page = new PageBean();
2.String pageNum = request.getParameter("pageNum");
3.if(pageNum==null)
4.{
5.    pageNum = "1";
6.    request.setAttribute("pageNum",pageNum);
7.}
8.else
9.{
10.    request.setAttribute("pageNum", pageNum);
11.    page.setPageNum(Integer.valueOf(pageNum));
12.}
13.page.setPageMax(5);//设置每页显示行数
14.              List list = function(page); //调用查询数据的方法，带一个PageBean的参数page，page的Result属性在function(page)方法中被赋值，所以在查询数据时要多查一条数据总数的信息，赋给page的Result属性。
15.               page.setMaxPage(); //最后设置page的总页数属性
16.               request.setAttribute("page", page);//将page放在request范围内
                PageBean page = new PageBean();
String pageNum = request.getParameter("pageNum");
if(pageNum==null)
{
pageNum = "1";
request.setAttribute("pageNum",pageNum);
}
else
{
request.setAttribute("pageNum", pageNum);
page.setPageNum(Integer.valueOf(pageNum));
}
page.setPageMax(5);//设置每页显示行数
                List list = function(page); //调用查询数据的方法，带一个PageBean的参数page，page的Result属性在function(page)方法中被赋值，所以在查询数据时要多查一条数据总数的信息，赋给page的Result属性。
                 page.setMaxPage(); //最后设置page的总页数属性
                 request.setAttribute("page", page);//将page放在request范围内

    底层查询数据，并为page的Result属性赋值的方法（本例使用Spring与Hibernate的整合）：

Java代码
1.public List getEntitys(final PageBean page)
2. {
3.    // TODO Auto-generated method stub
4.    return (List)this.getHibernateTemplate().execute(new HibernateCallback()
5.    {
6.        public Object doInHibernate(Session session)throws HibernateException, SQLException
7.            {
8.            // TODO Auto-generated method stub
9.             Long max = (Long)session.createQuery("select count(id) from Entity").uniqueResult();//查询数据总数
10.         page.setMaxResult(max.intValue());//为page的result属性赋值
11.         return session.createQuery("HQL") .setFirstResult((page.getPageNum()-1)*page.getPageMax())
12.                       .setMaxResults(page.getPageMax()).list();
13.         }
14.     });
15.}
public List getEntitys(final PageBean page)
{
    // TODO Auto-generated method stub
    return (List)this.getHibernateTemplate().execute(new HibernateCallback()
    {
        public Object doInHibernate(Session session)throws HibernateException, SQLException
            {
        // TODO Auto-generated method stub
             Long max = (Long)session.createQuery("select count(id) from Entity").uniqueResult();//查询数据总数
     page.setMaxResult(max.intValue());//为page的result属性赋值
     return session.createQuery("HQL") .setFirstResult((page.getPageNum()-1)*page.getPageMax())
                       .setMaxResults(page.getPageMax()).list();
     }
     });
}

    对于长篇文章的分页显示也同样适用，但要结合FCK的分页符功能，而且只要在Action中做一下文章的拆分处理就可以了，底层方法无需修改；

    Action中的处理基本和上面的类似

Java代码
1.              PageBean page = new PageBean();
2.String pageNum = request.getParameter("pageNum");
3.if(pageNum==null)
4.{
5.    page.setPageNum(1);
6.}
7.else
8.{
9.    page.setPageNum(Integer.valueOf(pageNum));
10.}
11.              String content = function();//获得查询到得文章内容
12.              String[] strArray=content.split("<div> </div>");
13.              //根据分页符，将文章分割为字符串数组
14.              content = strArray[page.getPageNum()-1]；
15.              //取要显示的第一页文章内容赋给content
16.              page.setMaxResult(strArray.length);
17.page.setPageMax(1);//每页显示条数固定设为1
18.page.setMaxPage();
19.              //分别为pageBean的各个属性赋值
20.              request.setAttribute("page", page);//将page放到request范围内
21.              request.setAttribute("content",content);//要显示的文章内容

转载自：seven.kyo

分享到：