看看JSP中怎样实现分页显示（雇员管理）

最新推荐文章于 2023-03-15 17:52:18 发布
最新推荐文章于 2023-03-15 17:52:18 发布
阅读量8.1k 收藏 11
点赞数 10
分类专栏： JAVA WEB Oracle
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cselmu9/article/details/7819770
版权

分页显示在实际的开发中使用的是非常的多，下面是一个对雇员列表进行显示的例子，分别使用不分页、分页（假分页和真分页）进行显示，有完整的代码，如果你想学习分页，这绝对是很好的学习资料。

1、不使用分页进行显示，代码如下：

emp_list.jsp:

<%@ page contentType="text/html" pageEncoding="GBK"%>
<%@ page import="java.sql.*" %>
<html>
<head><title>雇员列表显示</title>
<style type="text/css">
<!--
.STYLE6 {font-size: 12px}
.STYLE10 {font-size: 14px; font-weight: bold; }
-->
</style>
</head>
	<script language="javascript">
		function changeColor(obj,color){
			obj.bgColor = color ;
		}
	</script>
<body>
<%!
	public static final String DBDRIVER = "oracle.jdbc.driver.OracleDriver" ;
	public static final String DBURL = "jdbc:oracle:thin:@localhost:1521:ORACLE" ;
	public static final String DBUSER = "scott" ;
	public static final String DBPASSWORD = "tiger" ;
%>
<%
	Connection conn = null ;
	PreparedStatement pstmt = null ;
	ResultSet rs = null ;
%>
<%
	Class.forName(DBDRIVER) ;
	conn = DriverManager.getConnection(DBURL,DBUSER,DBPASSWORD) ;
	String sql = "SELECT empno,ename,job,hiredate,sal,comm FROM emp ORDER BY empno" ;
	pstmt = conn.prepareStatement(sql) ;
	rs = pstmt.executeQuery() ;
%>
<center>
	<h1>雇员列表</h1>
<TABLE BORDER="1" cellpadding="5" cellspacing="0" bgcolor="F2F2F2" width="80%">
	<TR onMouseOver="changeColor(this,'white')" onMouseOut="changeColor(this,'F2F2F2')">
		<td align="center" valign="middle"><span class="STYLE10">编号</span></td>
		<td align="center" valign="middle"><span class="STYLE10">姓名</span></td>
		<td align="center" valign="middle"><span class="STYLE10">职位</span></td>
		<td align="center" valign="middle"><span class="STYLE10">雇佣日期</span></td>
		<td align="center" valign="middle"><span class="STYLE10">工资</span></td>
		<td align="center" valign="middle"><span class="STYLE10">奖金</span></td>
	</TR>
<%
	while(rs.next()){
		int empno = rs.getInt(1) ;
		String ename = rs.getString(2) ;
		String job = rs.getString(3) ;
		Date hiredate = rs.getDate(4) ;
		double sal = rs.getDouble(5) ;
		double comm = rs.getDouble(6) ;
%>
	<TR onMouseOver="changeColor(this,'white')" onMouseOut="changeColor(this,'F2F2F2')">
		<td align="center" valign="middle"><span class="STYLE6"><%=empno%></span></td>
		<td align="center" valign="middle"><span class="STYLE6"><%=ename%></span></td>
		<td align="center" valign="middle"><span class="STYLE6"><%=job%></span></td>
		<td align="center" valign="middle"><span class="STYLE6"><%=hiredate%></span></td>
		<td align="center" valign="middle"><span class="STYLE6"><%=sal%></span></td>
		<td align="center" valign="middle"><span class="STYLE6"><%=comm%></span></td>
	</TR>
<%
	}
%>
</table>
<%
	conn.close() ;
%>
</center>
</body>
</html>

不分页显示的时候的运行效果如下：

 2、使用假分页来进行显示，代码如下：

emp_list_false.jsp:

<%@ page contentType="text/html" pageEncoding="GBK"%>
<%@ page import="java.sql.*" %>
<html>
<head><title>雇员列表显示</title>
<style type="text/css">
<!--
.STYLE6 {font-size: 12px}
.STYLE10 {font-size: 14px; font-weight: bold; }
-->
</style>
</head>
	<script language="javascript">
		function changeColor(obj,color){
			obj.bgColor = color ;
		}
	</script>
<body>
<%!
	public static final String URL = "emp_list_false.jsp" ;
%>
<%!
	public static final String DBDRIVER = "oracle.jdbc.driver.OracleDriver" ;
	public static final String DBURL = "jdbc:oracle:thin:@localhost:1521:MLDN" ;
	public static final String DBUSER = "scott" ;
	public static final String DBPASSWORD = "tiger" ;
%>
<%
	Connection conn = null ;
	PreparedStatement pstmt = null ;
	ResultSet rs = null ;
%>
<%
	int currentPage = 1 ;	// 为当前所在的页，默认在第1页
	int lineSize = 3 ;		// 每次显示的记录数
	int allRecorders = 0 ;	// 表示全部的记录数
	int pageSize = 1 ;		// 表示全部的页数（尾页）
	int lsData[] = {1,3,5,7,9,10,15,20,25,30,50,100} ;
%>
<%
	try{
		currentPage = Integer.parseInt(request.getParameter("cp")) ;
	} catch(Exception e) {}
	try{
		lineSize = Integer.parseInt(request.getParameter("ls")) ;
	} catch(Exception e) {}
%>
<%
	Class.forName(DBDRIVER) ;
	conn = DriverManager.getConnection(DBURL,DBUSER,DBPASSWORD) ;
	String sql = "SELECT COUNT(empno) FROM emp" ;
	pstmt = conn.prepareStatement(sql) ;
	rs = pstmt.executeQuery() ;
	if(rs.next()){	// 取得全部的记录数
		allRecorders = rs.getInt(1) ;
	}
%>
<center> 
	<h1>雇员列表</h1>
<script language="javascript">
	function go(num){
		document.getElementById("cp").value = num ;
		document.spform.submit() ;	// 表单提交
	}
</script>
<%
	pageSize = (allRecorders + lineSize -1) / lineSize ;
%>
<%
	sql = "SELECT empno,ename,job,hiredate,sal,comm FROM emp ORDER BY empno" ;
	pstmt = conn.prepareStatement(sql) ;
	rs = pstmt.executeQuery() ;
%>
<form name="spform" action="<%=URL%>" method="post">
	<input type="button" value="首页" οnclick="go(1)" <%=currentPage==1?"DISABLED":""%>>
	<input type="button" value="上一页" οnclick="go(<%=currentPage-1%>)" <%=currentPage==1?"DISABLED":""%>>
	<input type="button" value="下一页" οnclick="go(<%=currentPage+1%>)" <%=currentPage==pageSize?"DISABLED":""%>>
	<input type="button" value="尾页" οnclick="go(<%=pageSize%>)" <%=currentPage==pageSize?"DISABLED":""%>>
	跳转到第<select name="selcp" οnchange="go(this.value)">
		<%
			for(int x=1;x<=pageSize;x++){
		%>
				<option value="<%=x%>" <%=x==currentPage?"SELECTED":""%>><%=x%></option>
		<%
			}
		%>
	</select>页
	每页显示
		<select name="ls" οnchange="go(1)">
		<%
			for(int x=0;x<lsData.length;x++){
		%>
			<option value="<%=lsData[x]%>" <%=lsData[x]==lineSize?"SELECTED":""%>><%=lsData[x]%></option>
		<%
			}
		%>
		</select>
	条
	<input type="hidden" name="cp" value="1">
</form>
<TABLE BORDER="1" cellpadding="5" cellspacing="0" bgcolor="F2F2F2" width="100%">
	<TR onMouseOver="changeColor(this,'white')" onMouseOut="changeColor(this,'F2F2F2')">
		<td align="center" valign="middle"><span class="STYLE10">编号</span></td>
		<td align="center" valign="middle"><span class="STYLE10">姓名</span></td>
		<td align="center" valign="middle"><span class="STYLE10">职位</span></td>
		<td align="center" valign="middle"><span class="STYLE10">雇佣日期</span></td>
		<td align="center" valign="middle"><span class="STYLE10">工资</span></td>
		<td align="center" valign="middle"><span class="STYLE10">奖金</span></td>
	</TR>
<%
for(int x=0;x<(currentPage-1)*lineSize;x++){
	rs.next() ;
}
for(int x=0;x<lineSize;x++){
	if(rs.next()){
		int empno = rs.getInt(1) ;
		String ename = rs.getString(2) ;
		String job = rs.getString(3) ;
		Date hiredate = rs.getDate(4) ;
		double sal = rs.getDouble(5) ;
		double comm = rs.getDouble(6) ;
%>
	<TR onMouseOver="changeColor(this,'white')" onMouseOut="changeColor(this,'F2F2F2')">
		<td align="center" valign="middle"><span class="STYLE6"><%=empno%></span></td>
		<td align="center" valign="middle"><span class="STYLE6"><%=ename%></span></td>
		<td align="center" valign="middle"><span class="STYLE6"><%=job%></span></td>
		<td align="center" valign="middle"><span class="STYLE6"><%=hiredate%></span></td>
		<td align="center" valign="middle"><span class="STYLE6"><%=sal%></span></td>
		<td align="center" valign="middle"><span class="STYLE6"><%=comm%></span></td>
	</TR>
<%
	}
}
%>
</table>
<%
	conn.close() ;
%>
</center>
</body>
</html>

使用假分页进行显示的时候的效果如下：

3、使用真分页进行显示雇员列表，代码如下：

emp_list_true.jsp:

<%@ page contentType="text/html" pageEncoding="GBK"%>
<%@ page import="java.sql.*" %>
<html>
<head><title>雇员列表显示</title>
<style type="text/css">
<!--
.STYLE6 {font-size: 12px}
.STYLE10 {font-size: 14px; font-weight: bold; }
-->
</style>
</head>
	<script language="javascript">
		function changeColor(obj,color){
			obj.bgColor = color ;
		}
	</script>
<body>
<%!
	public static final String URL = "emp_list_true.jsp" ;
%>
<%!
	public static final String DBDRIVER = "oracle.jdbc.driver.OracleDriver" ;
	public static final String DBURL = "jdbc:oracle:thin:@localhost:1521:ORACLE" ;
	public static final String DBUSER = "scott" ;
	public static final String DBPASSWORD = "tiger" ;
%>
<%
	Connection conn = null ;
	PreparedStatement pstmt = null ;
	ResultSet rs = null ;
%>
<%
	int currentPage = 1 ;	// 为当前所在的页，默认在第1页
	int lineSize = 3 ;		// 每次显示的记录数
	int allRecorders = 0 ;	// 表示全部的记录数
	int pageSize = 1 ;		// 表示全部的页数（尾页）
	int lsData[] = {1,3,5,7,9,10,15,20,25,30,50,100} ;
%>
<%
	try{
		currentPage = Integer.parseInt(request.getParameter("cp")) ;
	} catch(Exception e) {}
	try{
		lineSize = Integer.parseInt(request.getParameter("ls")) ;
	} catch(Exception e) {}
%>
<%
	Class.forName(DBDRIVER) ;
	conn = DriverManager.getConnection(DBURL,DBUSER,DBPASSWORD) ;
	String sql = "SELECT COUNT(empno) FROM emp" ;
	pstmt = conn.prepareStatement(sql) ;
	rs = pstmt.executeQuery() ;
	if(rs.next()){	// 取得全部的记录数
		allRecorders = rs.getInt(1) ;
	}
%>
<center> 
	<h1>雇员列表</h1>
<script language="javascript">
	function go(num){
		document.getElementById("cp").value = num ;
		document.spform.submit() ;	// 表单提交
	}
</script>
<%
	pageSize = (allRecorders + lineSize -1) / lineSize ;
%>
<%
	sql = 	"SELECT * FROM (	" + 
			" SELECT empno,ename,job,hiredate,sal,comm,ROWNUM rn " +
			" FROM emp WHERE ROWNUM<=? ORDER BY empno) temp " + 
			" WHERE temp.rn>? " ;
	pstmt = conn.prepareStatement(sql) ;
	pstmt.setInt(1,currentPage * lineSize) ;
	pstmt.setInt(2,(currentPage-1) * lineSize) ;
	rs = pstmt.executeQuery() ;
%>
<form name="spform" action="<%=URL%>" method="post">
	<input type="button" value="首页" οnclick="go(1)" <%=currentPage==1?"DISABLED":""%>>
	<input type="button" value="上一页" οnclick="go(<%=currentPage-1%>)" <%=currentPage==1?"DISABLED":""%>>
	<input type="button" value="下一页" οnclick="go(<%=currentPage+1%>)" <%=currentPage==pageSize?"DISABLED":""%>>
	<input type="button" value="尾页" οnclick="go(<%=pageSize%>)" <%=currentPage==pageSize?"DISABLED":""%>>
	跳转到第<select name="selcp" οnchange="go(this.value)">
		<%
			for(int x=1;x<=pageSize;x++){
		%>
				<option value="<%=x%>" <%=x==currentPage?"SELECTED":""%>><%=x%></option>
		<%
			}
		%>
	</select>页
	每页显示
		<select name="ls" οnchange="go(1)">
		<%
			for(int x=0;x<lsData.length;x++){
		%>
			<option value="<%=lsData[x]%>" <%=lsData[x]==lineSize?"SELECTED":""%>><%=lsData[x]%></option>
		<%
			}
		%>
		</select>
	条
	<input type="hidden" name="cp" value="1">
</form>
<TABLE BORDER="1" cellpadding="5" cellspacing="0" bgcolor="F2F2F2" width="80%">
	<TR onMouseOver="changeColor(this,'white')" onMouseOut="changeColor(this,'F2F2F2')">
		<td align="center" valign="middle"><span class="STYLE10">编号</span></td>
		<td align="center" valign="middle"><span class="STYLE10">姓名</span></td>
		<td align="center" valign="middle"><span class="STYLE10">职位</span></td>
		<td align="center" valign="middle"><span class="STYLE10">雇佣日期</span></td>
		<td align="center" valign="middle"><span class="STYLE10">工资</span></td>
		<td align="center" valign="middle"><span class="STYLE10">奖金</span></td>
	</TR>
<%
	while(rs.next()){
		int empno = rs.getInt(1) ;
		String ename = rs.getString(2) ;
		String job = rs.getString(3) ;
		Date hiredate = rs.getDate(4) ;
		double sal = rs.getDouble(5) ;
		double comm = rs.getDouble(6) ;
%>
	<TR onMouseOver="changeColor(this,'white')" onMouseOut="changeColor(this,'F2F2F2')">
		<td align="center" valign="middle"><span class="STYLE6"><%=empno%></span></td>
		<td align="center" valign="middle"><span class="STYLE6"><%=ename%></span></td>
		<td align="center" valign="middle"><span class="STYLE6"><%=job%></span></td>
		<td align="center" valign="middle"><span class="STYLE6"><%=hiredate%></span></td>
		<td align="center" valign="middle"><span class="STYLE6"><%=sal%></span></td>
		<td align="center" valign="middle"><span class="STYLE6"><%=comm%></span></td>
	</TR>
<%
	}
%>
</table>
<%
	conn.close() ;
%>
</center>
</body>
</html>

真分页显示的结果如下：



 

 

 

 

 

 

mlinge-奋斗吧
关注
  • 10
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
专栏目录
JSP——分页查询
不迁怒，不贰过。小知识，大智慧。
01-11 1329
JSP分页查询
Jsp分页的简单制作
lee961630047的博客
09-05 367
Jsp分页的简单制作 运行环境：jsp+tomcat+eclipse 技术：servlet+jsp+mysql 分页技术还区分两个：假分页和真分页 　　假分页:一次性从数据库读出表的所有数据一次性的返回给客户端，由js来控制每一页的显示。 　　真分页:由程序控制，每一次只返回一页大小的数据，显示到客户端。 　　由此可以很清楚的分辨出真假分页各自的优缺点： 　　假分页:由于一次性读出所...
jsp分页显示数据（显示方式有很多种）
10-20
jsp分页显示数据，基本上实现了网上所有我见过的分布显示方式！发上来给大家共享一下！
【Java学习路线之JavaWeb】JSP教程
qq_41854911的博客
02-04 1037
文章目录为什么要学习JSP？读者阅读条件JSP到底是什么JSP的由来Servlet与JSP异同点JSP相对于Servlet的优点1）易于维护2）快速开发：无需重新编译和部署3）代码简洁JSP生命周期（图解）1. JSP编译2. JSP初始化3. JSP执行4. JSP销毁第一个JSP程序1. 编写代码2. 运行3. 代码解释Eclipse创建JSP项目（图解）1. 创建动态Web项目2. 创建JSP文件3. 启动服务器并部署项目JSP脚本示例JSP声明语句示例JSP脚本和声明的区别JSP表达式例 1例 2J
使用jsp实现分页查询——显示数据
qq_52060364的博客
07-10 5415
第一步：实现分页查询，我们必须要有一个数据较多的数据库，这样才能有分页的效果 这有一个世界各个地区的数据库，如下所示： DROP TABLE IF EXISTS `region`; CREATE TABLE `region` ( `REGION_ID` double NOT NULL, `REGION_CODE` varchar(100) NOT NULL, `REGION_NAME` varchar(100) NOT NULL, `PARENT_ID` double NOT NULL
分页功能的分析与实现
qq_44985812的博客
04-15 1万+
主要讲解了分页功能的分析与实现。两种实现方式「物理分页」和「逻辑分页」。以及具体讲解了如何在javaWeb项目和使用MyBatis框架的项目的实现。
JSP页面分页显示数据
白夜的随笔
05-30 1万+
一、源代码（这里以一个Java web的留言板项目为例）： 1.Dao层操作数据库的方法（MessageDao.java） 设置每页显示的最大留言条数： private final int MAX_SIZE = 2; // 每页显示的最大留言数 从数据库读取留言的总条数，计算出总页数： public int getCountPage() throws SQLExcepti
JSP实现添加功能和分页显示实例分析
01-08
本文实例讲述了JSP实现添加功能和分页显示的方法。分享给大家供大家参考。具体如下： 学习目标： ① 进一步掌握MVC设计模式； ② 掌握添加功能的实现； ③ 掌握分页显示功能的实现。 主要内容： ① 通过用户信息添加...
JSP实现的简单分页显示效果代码
10-23
主要介绍了JSP实现的简单分页显示效果代码,以一个完整实例形式分析了JSP针对数据库的连接、查询及分页显示实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
jsp分页显示的实现代码
01-08
最近这几天在做JSP留言板设计的过程中，遇到了一个问题。先看一张截图：  这是随便在一个新闻的留言页面截的图，假如留言条数太多，那整个页面得排好长好长，这就直接给用户造成了麻烦、不舒服的感受，所以，解决这...
JSP分页显示数据
热门推荐
乐百川
01-20 7万+
最近在做一个小程序，用到了JSP的分页。虽然只是最简单的分页，但是还是花了我不少时间。这看似简单的功能，实现起来还是稍微有点麻烦。实现分页功能，需要知道数据的总个数，每页应该有多少条数据，以及当前页码。假如总共有300条数据，每页20条，那么应该就有15页；假设有301条数据，每页20条，这时候就需要16页。因此，总页数可以这样计算：总页数=数据总数%每页条数==0?数据总数/每页条数:数据总数/每
分页的三种方式
dichou5605的博客
12-07 972
实现方式 优点 缺点 适用场景 subList 简单、易用 效率低 无法按需批量获取数据 SQL语句 简单、直接、效率高 数据库兼容性差 不要求数据库兼容 Hibernate框架 面向对象，兼容性强 复杂查询性能低 兼容不同数据库 一.借助数组进行分页 原理：进行数据库查询操作时，获取到数据库中所有...
JSP实现分页显示数据库中的数据
10-04
JSP实现分页显示数据库中的数据 JSP实现分页显示数据库中的数据 JSP实现分页显示数据库中的数据 JSP实现分页显示数据库中的数据
jsp分页显示数据
Doraemon
11-21 529
function newwin(url) { var newwin = window .open( url, "newwin", "toolbar=no,location=no,directories=no,status=no,menubar=no, scrollbars=yes,resizable=yes,width=600,height=4
jsp中实现数据的分页显示
weixin_30492601的博客
09-22 149
jsp中实现数据的分页显示 JSP中如何实现分页 大致思路：首先，从数据库中取出所有记录，保存在一个容器中（当然容器有很多种，我们可以随便选）。然后，我们根据链接传递的参数来从容器中取出需要显示的记录。当然这种方法的效率很低下，因为我们是一次将所有数据都查询出来，然后保存在一个容器当中，其实我们可以通过链接传递的参数来将需要在当前页显示的数据...
jsp:使用jsp完成数据的分页显示
diancheng5132的博客
01-07 408
一，使用jsp将数据库内的数据。分页显示到页面 1，创建一个servelt处理后台数据，和数据库的数据 private static final long serUid=1L; //加载驱动 static final String jdbc="com.mysql.jdbc.Driver"; //要连接的数据库url static final...
如何实现分页？
weixin_42867975的博客
07-29 1758
一、分页的原理 满足：position =(pageNo-1)*pageSize，如下图的规律所示： select * from pagin，得到总数据，结果如下 select * from pagin limit 0,3，得到第一页的数据，每一页显示3条，即pageNo=1,position=0（实际是从第一条开始）,pageSize=3,运行结果如下，显示前三行数据，是我们想要...
分页功能的实现
weixin_44634901的博客
03-15 677
3表格修改绑定数据（用slice进行数据截取，这是请求回来所有数据之后进行截取，如果数据多请求比较慢，会影响用户体验，需要和后端沟通使用分页接口比较好）第一种方法（请求所有数据，对数据进行截取，从而达到分页效果）1、部分代码（用vue） <el-pagination。pagesize: 10, //默认一页显示10条。pagesize: 10, //默认一页显示10条。currentPage: 1, //默认页码为1。pageNum: 1, //默认页码为1。4、点击更改页数很数据方法的实现。
JSP分页功能实现
qq_42951382的博客
09-19 8903
分页实现思路： 1.首先确定使用的数据库分页语句，如limit等，并编辑好查询语句及对应查询方法； 2.在JSP页面中放入一个表单里面放入存放页码的input（可以使用type="hiden"隐藏起来）； 3.点击下一页时调用js函数改变input的值并获取表单（document.forms[0]此处0代表当前页第一个表单），在js函数中再调用form.submit();方法提交表单就获得了相应页码的内容。 1.编辑底层sql语句、查询方法 在程序最底层编辑sql语句，并且在调用查询方法的时候需要需要形式参
jsp中如何实现分页，请写出分页的sql语句
最新发布
06-01
要实现 JSP 中的分页，通常需要以下步骤： 1. 获取当前页码和每页显示的记录数。 2. 根据当前页码和每页显示的记录数，计算出查询记录的起始位置。 3. 执行查询，只返回起始位置和记录数范围内的记录。 4. 根据...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值