jsp项目简单的页面分页_jsp项目页面分页处理资源-CSDN文库

共1个文件

txt：1个

需积分: 9 2 浏览量 2008-10-11 22:03:56 上传评论收藏 3KB RAR 举报

在网页开发中，分页是一种常见的功能，它用于将大量数据分成小块，让用户能够逐页查看，提高用户体验。在JSP（JavaServer Pages）中实现页面分页并不复杂，尤其是当不需要通过Servlet来处理时。本教程将详细介绍如何在JSP中实现一个简单的页面分页功能。我们需要理解页面分页的基本原理。分页通常涉及到两个关键参数：当前页数和每页显示的记录数。基于这些参数，我们可以计算出要显示的数据范围。例如，如果每页显示10条记录，当前页为3，则显示的是第21到30条记录。在JSP中，我们可以直接使用JSTL（JavaServer Pages Standard Tag Library）库中的`<c:forEach>`标签来遍历数据库查询结果并分页显示。确保你的项目已经引入了JSTL库，通常是在`WEB-INF/lib`目录下添加`jstl.jar`和`standard.jar`。接下来，你需要在JSP页面中获取用户输入的页码和每页记录数。这可以通过`<form>`标签和`<input>`元素实现，用户提交后，JSP页面可以通过`request.getParameter()`方法获取这些值。例如： ```jsp <form action="yourPage.jsp"> <input type="text" name="currentPage" value="1" /> <input type="text" name="recordsPerPage" value="10" /> <input type="submit" value="Go" /> </form> ``` 在服务器端，你需要根据这些参数从数据库中获取对应的数据。这里我们假设你已经有了一个数据库连接和SQL查询方法。例如： ```java int currentPage = Integer.parseInt(request.getParameter("currentPage")); int recordsPerPage = Integer.parseInt(request.getParameter("recordsPerPage")); // 假设我们已经有了一个从数据库获取数据的方法 List<Data> dataList = fetchDataFromDatabase(currentPage, recordsPerPage); ``` 这里的`fetchDataFromDatabase()`方法应根据当前页和每页记录数计算SQL的`LIMIT`和`OFFSET`子句，然后执行查询。在MySQL中，这个SQL可能看起来像这样： ```sql SELECT * FROM your_table LIMIT ? OFFSET ? ``` 将`?`替换为相应的值，并执行查询。现在，你可以在JSP页面中使用`<c:forEach>`标签遍历并显示数据： ```jsp <c:forEach items="${dataList}" var="data">  <p>${data.field1}</p> <p>${data.field2}</p>  </c:forEach> ``` 别忘了实现分页导航，显示上一页、下一页和页码链接。你可以计算总页数，并根据当前页生成相应的URL。例如： ```jsp  int totalPages = calculateTotalPages(totalRecords, recordsPerPage); <%-- 分页导航 --%> <c:if test="${currentPage > 1}"> <a href="yourPage.jsp?currentPage=${currentPage - 1}">上一页</a> </c:if> <% for (int i = 1; i <= totalPages; i++) { %> <% if (i == currentPage) { %> <span>${i}</span> <% } else { %> <a href="yourPage.jsp?currentPage=${i}">${i}</a> <% } %> <% } %> <% if (currentPage < totalPages) { %> <a href="yourPage.jsp?currentPage=${currentPage + 1}">下一页</a> <% } %> ``` 这就是在JSP中实现简单分页的基本步骤。这种方法的优点是无需通过Servlet来处理请求，整个流程都在JSP页面内完成，简化了代码结构。但请注意，这种方法适用于简单的应用场景，对于更复杂的分页需求，如缓存、动态调整每页记录数等，可能需要结合Servlet或其他后端技术来处理。

资源推荐

资源详情

资源评论

收起资源包目录

.rar （1个子文件）

简单的页面分页

页面分叶.txt 9KB

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@ page import="com.jc.bookshop.bing.entity.Books" %> <%@ page import="com.jc.bookshop.bing.entity.Categories"%> <%@ page import="com.jc.bookshop.bing.entity.Publishers" %> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <jsp:useBean id="booklogic" class="com.jc.bookshop.bing.logic.BooksLogic" scope="page"></jsp:useBean> <jsp:useBean id="catelogic" class="com.jc.bookshop.bing.logic.CategoriesLogic" scope="page"></jsp:useBean> <jsp:useBean id="publogic" class="com.jc.bookshop.bing.logic.PublisherLogic" scope="page"></jsp:useBean> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'BookShow.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="CSS/MyCss.css"> <link rel="stylesheet" type="text/css" href="CSS/book_list.css"> <script language="javascript" type="text/javascript"> function clearbookname() { document.getElementById('txtbookname').value=" "; document.getElementById('txtbookname').style.color="#000000"; } function sousuo() { var bookname=document.getElementById('txtbookname').value; if(bookname==" ") { alert("请输入图书关键字"); return; } document.sousuofrom.submit(); } </script> </head> <body background="Images/8.jpg"> <table width="866" border="0" align="center" cellpadding="0" cellspacing="0" style="border:1px solid #000099;" bgcolor="#FFFFFF"> <tr> <td width="855"> <jsp:include flush="true" page="Head.jsp"></jsp:include></td> </tr> <tr> <td height="5"></td> </tr> <tr> <td height="35"> <jsp:include flush="true" page="Title.jsp"></jsp:include></td> </tr> <tr> <td height="400"><table width="838" border="0" cellpadding="0" cellspacing="0"> <tr> <td bgcolor="#E4E9FA" valign="top"><table width="202" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="201" height="29" background="Images/a11.gif" class="font">  <img src="Images/smallbook.jpg" width="10" height="10">  图书搜索</td> </tr> <tr> <td height="100"> <form action="Search.jsp" method="post" name="sousuofrom"> <table width="200" height="80" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="37" align="center"><img src="Images/unExactQuery.gif"/><input type="text" id="txtbookname" name="bookname" size="20" onClick="clearbookname()" value="请输入图书名称关键字" style="color:#CCCCCC;"></td> </tr> <tr> <td align="center"><input type="button" name="but" value="搜索" onClick="sousuo()">  <a href="Advanced.jsp">【高级搜索】</a></td> </tr> </table> </form> </td> </tr> </table> <table width="203" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="203" height="31" background="Images/a11.gif" class="font">  <img src="Images/smallbook.jpg" width="10" height="10">  图书分类</td> </tr> <tr> <td height="100" valign="top" align="center"> <table width="145" border="0" cellpadding="0" cellspacing="0"> <% for(ListIterator iter=catelogic.GetAllCategories().listIterator();iter.hasNext();) { Categories cate =(Categories)iter.next(); %> <tr> <td width="170" align="left" class="font"><img src="Images/gif-0775.gif">  <a href="Sort.jsp?cateid=<%=cate.getId() %>" class="font"><%=cate.getName() %></a></td> </tr> <% } %> </table> </td> </tr> </table> <table width="202" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="30" background="Images/a11.gif" class="font">  <img src="Images/smallbook.jpg" width="10" height="10">  出版社排行榜</td> </tr> <tr> <td height="100" align="center" valign="top"> <table width="145" border="0" cellpadding="0" cellspacing="0"> <% for(ListIterator iter=publogic.GetAllPublisher().listIterator();iter.hasNext();) { Publishers pub=(Publishers)iter.next(); %> <tr> <td width="145"><img src="Images/gif-0775.gif">  <a href="Publisher.jsp?id=<%=pub.getId() %>" class="font"><%=pub.getName() %></a></td> </tr> <% } %> </table> </td> </tr> </table> </td> <td width="5" height="389" background="Images/yy.jpg"> </td> <td valign="top"><table width="657" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="657" height="28" background="Images/a11.gif" class="font">  <img src="Images/smallbook.jpg" width="10" height="10">  图书展示</td> </tr> <tr> <td height="19" class="font" style="border-bottom:1px solid #cccccc; "> <%! int intpagesize=8;//每页显示的记录数 int intpagetotal;//总页数 int currpagebegin;//起始记录索引 int intpage;//要显示的页数 String strpage;//用户请求的页数 int count;//有多少条记录 %> <% List list=null; list=booklogic.GetAllBooks(); count=list.size();//计算出有多少条记录 intpagetotal=count%intpagesize==0?count/intpagesize:count/intpagesize+1;//计算出总页数 strpage=request.getParameter("pagenumber"); if(strpage==null) { intpage=1; } else { intpage=Integer.parseInt(strpage); if(intpage<1) { intpage=1; } } if(intpage>intpagetotal) { intpage=intpagetotal; } currpagebegin=intpage*intpagesize-intpagesize; %> <table width="658" height="23" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="549" height="23" class="font"> </td> <td width="72" class="font"> 共<%=count %>条记录</td> </tr> </table> </td> </tr> <tr> <td height="512" valign="top"> <% for(int i=currpagebegin;i<intpage*intpagesize && i<count;i++) { Books book=(Books)list.get(i); %> <table width="658" border="0" cellpadding="0" cellspacing="0" style="border-bottom:1px dashed #cccccc; "> <tr> <td width="104" height="150" rowspan="4"><a href="BookDetail.jsp?id=<%=book.getId() %>"><img src="<%=book.getImage().getImagePath() %>" width="80" height="120" border="0"/></a></td> <td width="415" class="font">书名:<a href="BookDetail.jsp?id=<%=book.getId() %>" ><%=book.getTitle() %></a></td> <td width="139"> </td> </tr>

评论收藏

内容反馈