基于MySQL的真分页和假分页，使用JavaScript实现

最新推荐文章于 2021-11-20 00:47:34 发布
原创 最新推荐文章于 2021-11-20 00:47:34 发布 · 548 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#JavaScript #MySQL

本文探讨了如何使用MySQL的分页语句实现真分页，并介绍了利用JavaScript进行基于算法的假分页方法，旨在优化数据库查询效率和用户体验。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

真分页（使用分页语句）：

<%@ page contentType="text/html" pageEncoding="UTF-8"%>
<%@ 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 = "com.mysql.cj.jdbc.Driver" ;
	public static final String DBURL = "jdbc:mysql://localhost:3306/test?characterEncoding=utf8&useSSL=false&serverTimezone=UTC&rewriteBatchedStatements=true" ;
	public static final String DBUSER = "root" ;
	public static final String DBPASSWORD = "123456" ;
%>
<%
	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 limit ?,?" ;
	pstmt = conn.prepareStatement(sql) ;
	pstmt.setInt(1,(currentPage-1) * lineSize) ;
	pstmt.setInt(2,lineSize) ;
	rs = pstmt.executeQuery() ;
%>

<form name="spform" action="<%=URL%>" method="post">
	<input type="button" value="首页" onclick="go(1)" <%=currentPage==1?"DISABLED":""%>>
	<input type="button" value="上一页" onclick="go(<%=currentPage-1%>)" <%=currentPage==1?"DISABLED":""%>>
	<input type="button" value="下一页" onclick="go(<%=currentPage+1%>)" <%=currentPage==pageSize?"DISABLED":""%>>
	<input type="button" value="尾页" onclick="go(<%=pageSize%>)" <%=currentPage==pageSize?"DISABLED":""%>>
	跳转到第<select name="selcp" onchange="go(this.value)">
		<%
			for(int x=1;x<=pageSize;x++){
		%>
				<option value="<%=x%>" <%=x==currentPage?"SELECTED":""%>><%=x%></option>
		<%
			}
		%>
	</select>页
	每页显示
		<select name="ls" onchange="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" id="cp" 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>
<%
	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>

假分页（基于算法的分页）：

<%@ page contentType="text/html" pageEncoding="UTF-8"%>
<%@ 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 = "com.mysql.cj.jdbc.Driver" ;
	public static final String DBURL = "jdbc:mysql://localhost:3306/test?characterEncoding=utf8&useSSL=false&serverTimezone=UTC&rewriteBatchedStatements=true" ;
	public static final String DBUSER = "root" ;
	public static final String DBPASSWORD = "123456" ;
%>
<%
	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="首页" onclick="go(1)" <%=currentPage==1?"DISABLED":""%>>
	<input type="button" value="上一页" onclick="go(<%=currentPage-1%>)" <%=currentPage==1?"DISABLED":""%>>
	<input type="button" value="下一页" onclick="go(<%=currentPage+1%>)" <%=currentPage==pageSize?"DISABLED":""%>>
	<input type="button" value="尾页" onclick="go(<%=pageSize%>)" <%=currentPage==pageSize?"DISABLED":""%>>
	跳转到第<select name="selcp" onchange="go(this.value)">
		<%
			for(int x=1;x<=pageSize;x++){
		%>
				<option value="<%=x%>" <%=x==currentPage?"SELECTED":""%>><%=x%></option>
		<%
			}
		%>
	</select>页
	每页显示
		<select name="ls" onchange="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" id="cp" 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>

 

jsp+mysql实现分页
duoduo
11-19 1754
.恭喜你  登录成功！ 返回重新登录 用户信息列表 int pageSize = 3; int pageNow = 1;//默认显示第一页    int pageCount = 0; //通过pageSize 和rowCount  计算 int rowCount = 0; //对下面传过来的pageNow的值做处理 String s_pa
关于Mysql分页的两种方法,假分页和limit分页
03-31
关于Mysql分页的两种方法，一种假分页，没有效率提高，另一种使用limit，对数据量小的情况下效率会高点
oracle，mysql真分页
weixin_33796205的博客
12-03 198
又到了毕设的季节，有位同学问我真分页的问题，就写个例子参考参考吧 oracle语句使用ROWNUM真分页 sql = "select * from ( select pid,name,price,amount,ROWNUM rn from product where ( name LIKE ? or price LIKE ? or amount LIKE ? ) AND ...
mysql 真分页_oracle，mysql真分页
weixin_35975406的博客
01-19 118
又到了毕设的季节，有位同学问我真分页的问题，就写个例子参考参考吧oracle语句使用ROWNUM真分页sql = "select * from ( select pid,name,price,amount,ROWNUM rn from product where ( name LIKE ? or price LIKE ? or amount LIKE ? ) AND ROWNUM < = ?...
MySQL假分页
加菲学Java
09-12 247
建立数据库： CREATE DATABASE emp; USE emp; -- 建立person表 CREATE TABLE person ( -- 生成一个流水号，观察显示的记录数 id int AUTO_INCREMENT NOT NULL PRIMARY KEY , -- 用户的登陆ID uid varchar(32) , -- 用户的真实姓名 ...
假分页与真分页
long13131462101的专栏
02-27 237
[color=red][size=large]假分页[/size][/color] [color=red][size=large]真分页[/size][/color] 真分页：为了方便开发将真分页实际成一个组建，以后在页面直接包含jsp这样就完成分页显示效果了。 分页 ：显示+数据库 jsp有很大量代码，这样封装成DAO MVC+DAO分页 可以有效减少代码...
利用Spring MVC+Mybatis实现Mysql分页数据查询的过程详解
08-29
在本文中，我们将深入探讨如何使用Spring MVC和MyBatis框架来实现MySQL数据库的分页数据查询。首先，我们需要理解分页在Web开发中的重要性，尤其是在处理大量数据时，它可以提高应用程序的性能并提供更好的用户体验...
html+js+php+mysql实现分页
11-09
本示例通过HTML、JavaScript、PHP和MySQL四者结合，实现了一个简单的分页系统，非常适合初学者进行学习。 首先，HTML（超文本标记语言）是网页的基础结构，它定义了网页的布局和内容。在分页场景中，HTML通常会包含...
Eclipse 中基于 MySQL 的分页实现方法
eclipse基于mysql分页的方法实现 在本文中，我们将详细介绍如何使用Eclipse实现基于MySQL的分页方法。分页是指将数据库中的大量记录分割成多个页面，以便更好地管理和显示数据。在Eclipse中，我们可以使用JSP、...
基于AJAX PHP MYSQL的无刷新分页工具的研究与实现.pdf
10-10
为了解决这一问题，本文提出了一种基于AJAX、PHP和MYSQL的无刷新分页工具，旨在实现动态更新数据而不影响页面其他元素的状态。 首先，文章阐述了分页的必要性，主要是为了避免一次性加载大量数据导致的效率降低和...
nodeJS与MySQL实现分页数据以及倒序数据
12-17
总结起来，通过Node.js和MySQL实现分页数据及倒序显示，需要正确配置数据库连接，使用`multipleStatements`支持多条SQL，编写合适的查询语句，并封装异步查询函数来处理结果。同时，注意数据库优化和安全问题。
JAVA+JSP+MYSQL分页
11-17
JAVA调用 MYSQL存储过程 JSP实现分页
mysql 真分页,oracle，mysql真分页
weixin_30387635的博客
03-17 96
又到了毕设的季节，有位同学问我真分页的问题，就写个例子参考参考吧oracle语句使用ROWNUM真分页sql = "select * from ( select pid,name,price,amount,ROWNUM rn from product where ( name LIKE ? or price LIKE ? or amount LIKE ? ) AND ROWNUM < = ?...
真假分页
Hannah
03-01 5059
做新闻发布系统的时候，以为视频中没有讲解分页实现的部分，于是自己花了一天时间写，当然过程中错误不断，还好一边学习一边解决终于做出来了。后来又看了视频中实现的方法，跟自己有点不同，这里分享一下自己的经验。       当要显示数据量足够大的时候，我们往往采用分页显示的处理办法。分页有真分页和假分页。       假分页：从数据库中取出所有的数据，然后分页在界面上显示。访问一次数据库，但由
js+mysql分页代码_MySQL分页
weixin_36011746的博客
02-26 178
前端代码：${pageno}/${pages}分页js：上一页function up() {​var up = $("#inp_up").html()​if(up==1){​}else {​up=up-1;​}$("input[name ='pageno']").val(up)​var form1 = document.getElementById("fenye");​up_form.submit...
Jsp+Mysql实现简单分页
qq_43534244的博客
11-20 931
Jsp+Mysql实现简单分页 Mysql分页 Mysql实现分页使用的是limit关键字，SQL查询语句”select * from student limit start ,size;"，其中start表示索引开始(Mysql数据库索引默认从0开始），size表示要得到的数据条数，而不是索引结束。这里是每次从Jsp页面发送页码和页面大小交给Servlet处理然后从数据库查询数据封装到request中，然后交给Jsp进行渲染处理。 以下是数据库表"student"结构 DBUtill工具类 这里主要用
js+mysql分页代码_js实现分页功能
weixin_42241165的博客
01-27 292
本文仅为自己记录下编写过程，如有兴趣，或者疑问，请与我联系。写前背景:java开发工作经验一年，现项目为SSM框架，使用maven管理项目。需要页面查询实现分页，网上找了很多插件，单独页面实现是好的，可是放到我的页面就没有效果，苦于自己也找不到原因，故写以下代码，很是粗糙，不过懒得整理成js文件了。效果：第一页时，首页和上一页为不可点击，最后一页时，下一页和尾页不可点击，页数只会显示5个实现的js...
mysql 实现行号和分页
yw419728的博客
06-23 3969
oracle 行号由系统自带的rownum伪列实现。mysql要实现此功能稍微麻烦一点。如下SELECT id,name,(@rowNum:=@rowNum+1) as rowNo FROM Area,(Select (@rowNum :=0) ) b分页select * from (SELECT id,name,(@rowNum:=@rowNum+1) as rowNo FROM Area,(Se
JSP+Servlet+mysql实现原生分页
cby1516的博客
06-01 4834
   简单实现了分页、删除、更新操作，原生分页其实很简单，只需要获取当前页数以及每页显示条数，通过后台查出当前页数据存入List集合中，然后request.setAttribute()将结果反馈给jsp整个工程输入localhost:8080/Page/PageServlet即可访问数据库cby    localhost：3306user    user_id    username数据库连接pa...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值