JSP页面分页显示数据

一、源代码(这里以一个Java web的留言板项目为例):

1.Dao层操作数据库的方法(MessageDao.java)


设置每页显示的最大留言条数:

private final int MAX_SIZE = 2; // 每页显示的最大留言数


从数据库读取留言的总条数,计算出总页数:

public int getCountPage() throws SQLException {
		Connection conn = JdbcUtils.GetConnection();
		PreparedStatement ps = null;
		ResultSet rs = null;
		int countPage = 0;
		int total = 0;
		String sql = "SELECT COUNT(*) AS num FROM message";   //查询记录条数,然后把查询结果另外起一个别名,叫做num

		try {
			ps = conn.prepareStatement(sql);
			rs = ps.executeQuery();

			if (rs.next()) {
				total = rs.getInt("num");   //total为留言的总条数
			}
			
			 //    总页数=总条数/每页显示最大留言数,能除尽时直接取结果,不能除尽时,结果加1,多加一页来显示
			countPage = (total % MAX_SIZE == 0 ? total / MAX_SIZE : total
					/ MAX_SIZE + 1);  
			
			if (countPage != 0)
				return countPage;
			return countPage + 1;   //没有第0页,所以加1
		} catch (SQLException e) {
			throw new RuntimeException(e.getMessage(), e);
		} finally {
			JdbcUtils.Free(rs, ps, conn);
		}
	}


读取留言,存入List:

public List<Message> getMessage(int currentPage) throws SQLException {   //currentPage为当前页数
		Connection conn = JdbcUtils.GetConnection();
		List<Message> messageList = new ArrayList<Message>();
		PreparedStatement ps = null;
		ResultSet rs = null;
		String sql = "SELECT * FROM user,message WHERE user.userId=message.userId order by messageId desc LIMIT ?,?";
		/*
		 * order by id desc --按id列大小降序排列,不加desc就是升序排列
		 * LIMIT 100,15--从查询的结果中第100条开始取出15条数据
		 */
		
		try {
			ps = conn.prepareStatement(sql);
			ps.setInt(1, (currentPage - 1) * MAX_SIZE);
			ps.setInt(2, MAX_SIZE);
			rs = ps.executeQuery();

			while (rs.next()) {
				Message message = new Message();
				message.setMessageId(rs.getInt("messageId"));
				message.setUserName(rs.getString("userName"));
				message.setTitle(rs.getString("title"));
				message.setContent(rs.getString("content"));
				message.setTime(rs.getString("time"));
				messageList.add(message);   //将找出的数据存入messageList
			}
		} catch (SQLException e) {
			throw new RuntimeException(e.getMessage(), e);
		} finally {
			JdbcUtils.Free(rs, ps, conn);
		}

		return messageList;
	}

servlet处理:

private void getMessage(HttpServletRequest request,
			HttpServletResponse response) throws ServletException, IOException, SQLException {
		MessageService messageService = new MessageService();
		//从jsp页面获取当前页数
		int currentPage = Integer.parseInt(request.getParameter("currentPage"));
		//查询数据库获得数据计算出总页数
		int countPage = messageService.getCountPage();
		
		//将当前页数,总页数,以及找出的数据返回给jsp页面
		request.setAttribute("countPage", countPage);
		request.setAttribute("currentPage", currentPage);
		request.setAttribute("messages", messageService.getMessage(currentPage));
		request.getRequestDispatcher("getMessage.jsp").forward(request,
				response);
	}


查看留言的超链接请求:

<a href="MessageServlet?status=getMessage¤tPage=1">查看留言</a>


显示留言的JSP页面:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!--引入JSTL核心标记库的taglib指令-->
<%@ 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>显示留言</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">

</head>

<body>
	<a href="success.jsp">返回</a>
	<table border="1">
		<tr>
			<th width="150">留言数</th>
			<th width="150">主题</th>
			<th width="150">内容</th>
			<th width="150">留言时间</th>
			<th width="150">留言人</th>
			<th width="150">删除选项</th>
		</tr>
		<c:forEach items="${requestScope.messages}" var="message">
			<tr>
				<td width="100">${message.messageId}</td>
				<td width="100">${message.title}</td>
				<td width="500">${message.content}</td>
				<td width="200">${message.time}</td>
				<td width="100">${message.userName}</td>
				<td width="100">
					<form action="MessageServlet?status=deleteMessage" method="post">
						<input type="hidden" value="${message.messageId}" name="messageId">
						<input type="submit"  value="删除" οnclick="return confirm('确定删除吗?')">
					</form></td>
			</tr>
		</c:forEach>
	</table>
	
	<center>
	<div>
		第${requestScope.currentPage}页/共${requestScope.countPage}页 <a
			href="${pageContext.request.contextPath}/MessageServlet?status=getMessage&currenttPage=1">首页</a><span> </span>
		<c:choose>
			<c:when test="${requestScope.currentPage==1}">
				上一页
			</c:when>
			<c:otherwise>
				<a
					href="${pageContext.request.contextPath}/MessageServlet?status=getMessage<span style="font-family: Arial, Helvetica, sans-serif;">&currenttPage</span>=${requestScope.currentPage-1}">上一页</a>
			</c:otherwise>
		</c:choose>
		<%--计算begin和end --%>
		<c:choose>
			<%--如果总页数不足10,那么就把所有的页都显示出来 --%>
			<c:when test="${requestScope.countPage<=10}">
				<c:set var="begin" value="1" />
				<c:set var="end" value="${requestScope.countPage}" />
			</c:when>
			<c:otherwise>
				<%--如果总页数大于10,通过公式计算出begin和end --%>
				<c:set var="begin" value="${requestScope.currentPage-5}" />
				<c:set var="end" value="${requestScope.currentPage+4}" />
				<%--头溢出 --%>
				<c:if test="${begin<1}">
					<c:set var="begin" value="1"></c:set>
					<c:set var="end" value="10"></c:set>
				</c:if>
				<%--尾溢出 --%>
				<c:if test="${end>requestScope.countPage}">
					<c:set var="begin" value="${requestScope.countPage - 9}"></c:set>
					<c:set var="end" value="${requestScope.countPage}"></c:set>
				</c:if>
			</c:otherwise>
		</c:choose>
		<%--循环显示页码列表 --%>
		<c:forEach var="i" begin="${begin}" end="${end}">
			<c:choose>
				<c:when test="${i == requestScope.currentPage}">
				[${i}]
				</c:when>
				<c:otherwise>
					<a href="<c:url value ='/MessageServlet?status=getMessage
					&currentPage=${i}'/>">[${i}]</a>
				</c:otherwise>
			</c:choose>
		</c:forEach>
		<c:choose>
			<c:when test="${requestScope.currentPage==requestScope.countPage}">
				  下一页
			</c:when>
			<c:otherwise>
				<a
					href="${pageContext.request.contextPath}/MessageServlet?status=getMessage&currentPage=${requestScope.currentPage+1}"> 下一页</a>
			</c:otherwise>
		</c:choose>
		<span> </span><a
			href="${pageContext.request.contextPath}/MessageServlet?status=getMessage&currentPage=${requestScope.countPage}">尾页</a>
	</div>
</center>
</body>
</html>

二、运行结果:



三、相关知识及注意细节:

1.向servlet请求查看留言的功能时,需要传递参数currentPage,告诉servlet当前页数是多少。


2.需要引入JSP标准标签库,在getMessage.jsp页面加上这句话:

<!--引入JSTL核心标记库的taglib指令-->
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>


<c:forEach>来迭代整个结果集,itms为结果集,var为每一条结果
<c:forEach items="${requestScope.messages}" var="message"></c:forEach>


<c:choose>相当于Java的switch,<c:when>相当于Java的case。<c:otherwise>相当于Java的default。当test中的表达式结果为true时,则会执行本体内容;如果为false,则跳到下一个<c:when>。

语法规则:

<c:when>和<c:otherwise>不能单独使用,它们必须位于<c:choose>父标签中。
在<c:choose>标签中可以包含一个或多个<c:when>标签。
在<c:choose>标签中可以不包含<c:otherwise>标签。
在<c:choose>标签中如果同时包含<c:when>和<c:otherwise>标签,那么<c:otherwise>必须位于<c:when>标签之后。

<c:choose>
	<c:when test="${requestScope.currentPage==1}">
		上一页
	</c:when>
	<c:otherwise>
	<a
		href="${pageContext.request.contextPath}/MessageServlet?status=getMessage&currentPage=${requestScope.currentPage-1}">上一页</a>
	</c:otherwise>
</c:choose>


用<c: set />来设置变量的值

<c:set var="begin" value="1" />
<c:set var="end" value="${requestScope.countPage}" />
这里将变量begin的值设为1,变量end的值设为读取的currentPage的值


<c:if> 作判断用,标签必须要有test属性,当test中的表达式结果为true时,则会执行本体内容;如果为false,则不会执行

<c:if test="${begin<1}">
	<c:set var="begin" value="1"></c:set>
	<c:set var="end" value="10"></c:set>
</c:if>

这里判断begin的值是否小于1


3.EL表达式,简化书写:
${requestScope.currentPage}
等价于

< %=request.getAttribute(“currentPage”)% >

从request范围中取出currentPage变量的值


${pageContext.request.contextPath}
pageContext:JSP 页的上下文。它可以用于访问 JSP 隐式对象,如请求、响应、会话、输出、servletContext 等。例如,${pageContext.response} 为页面的响应对象赋值。

${pageContext.request.contextPath}样是通过 get方法去取的,先pageContext.getRequest()得到HttpServletRequest对象,再调用 HttpServletRequest的getContextPath方法
作用是取出部署的应用程序名,这样不管如何部署,所用路径都是正确的。
El表达式的写法:${pageContext.request.contextPath}
jsp的写法:<%=request.getContextPath()%>


相关知识参考链接:

http://elf8848.iteye.com/blog/245559

  • 6
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JSP中实现分页显示数据的步骤如下: 1. 在JSP页面中使用JSTL标签库中的<c:forEach>标签或者JSP自带的<% %>标签,遍历数据集合并将数据显示在页面上。 2. 在页面上添加分页导航条,用于用户切换不同页面的数据。可以通过<a>标签或者<button>标签来实现。 3. 在后台代码中,根据用户请求的当前页码以及每页显示数据量,计算出要显示数据的起始位置和结束位置。 4. 从数据源中查询数据,并根据起始位置和结束位置来限制查询结果的数量。 5. 将查询结果封装成JavaBean对象,然后将JavaBean对象放入请求作用域(request)中,以便在JSP页面中遍历和显示。 6. 在JSP页面中根据分页导航条传递的参数,重新查询数据显示在页面上。 示例代码如下: ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JSP分页显示数据</title> </head> <body> <h1>用户列表</h1> <table> <tr> <th>ID</th> <th>用户名</th> <th>邮箱</th> </tr> <c:forEach var="user" items="${users}"> <tr> <td>${user.id}</td> <td>${user.username}</td> <td>${user.email}</td> </tr> </c:forEach> </table> <br> <div> <c:if test="${currentPage > 1}"> <a href="list.jsp?page=${currentPage - 1}">上一页</a> </c:if> <c:forEach begin="1" end="${totalPage}" varStatus="status"> <c:choose> <c:when test="${status.index == currentPage}"> <span>${status.index}</span> </c:when> <c:otherwise> <a href="list.jsp?page=${status.index}">${status.index}</a> </c:otherwise> </c:choose> </c:forEach> <c:if test="${currentPage < totalPage}"> <a href="list.jsp?page=${currentPage + 1}">下一页</a> </c:if> </div> </body> </html> ``` 在后台代码中,我们需要根据参数page和pageSize来计算出要查询的数据的起始位置和结束位置,然后从数据源中查询数据,并将查询结果封装成JavaBean对象放入请求作用域中。 ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@ page import="java.util.List" %> <%@ page import="java.util.ArrayList" %> <%@ page import="com.example.User" %> <% int currentPage = Integer.parseInt(request.getParameter("page")); int pageSize = 10; int totalCount = 100; int totalPage = (totalCount + pageSize - 1) / pageSize; int startIndex = (currentPage - 1) * pageSize; int endIndex = startIndex + pageSize; List<User> users = new ArrayList<User>(); for (int i = startIndex; i < endIndex && i < totalCount; i++) { User user = new User(); user.setId(i + 1); user.setUsername("user" + (i + 1)); user.setEmail("user" + (i + 1) + "@example.com"); users.add(user); } request.setAttribute("users", users); request.setAttribute("currentPage", currentPage); request.setAttribute("totalPage", totalPage); %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JSP分页显示数据</title> </head> <body> <%@ include file="list.jsp" %> </body> </html> ``` 在JSP页面中,我们需要根据请求作用域中的数据来渲染分页导航条和数据列表。 注意:为了防止SQL注入等安全问题,我们在实际开发中应该使用PreparedStatement来查询数据,并对用户输入的参数进行过滤和验证。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值