jsp页面分页

最新推荐文章于 2023-02-28 20:49:18 发布

fengzhongdengdai

最新推荐文章于 2023-02-28 20:49:18 发布

阅读量102

点赞数

文章标签： JSP UI SSH Spring Hibernate

本文链接：https://blog.csdn.net/fengzhongdengdai/article/details/83799442

版权

关键字: 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

fengzhongdengdai

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jsp页面分页

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

扫一扫