MySQL假分页

建立数据库:

CREATE DATABASE emp;
USE emp;
-- 建立person表
CREATE TABLE person
(
	-- 生成一个流水号,观察显示的记录数
	id int AUTO_INCREMENT NOT NULL PRIMARY KEY ,
	-- 用户的登陆ID
	uid varchar(32) ,
	-- 用户的真实姓名
	name varchar(32) ,
	-- 用户的登陆密码
	password varchar(20)
) ;
  第一步:

能够显示出所有的记录:

<%@ page contentType="text/html;charset=gbk"%>
<%@ page import="java.sql.*"%>
<html>
<head>
<title>分页显示</title>
</head>
<center>
<h1>人员列表</h1>
<hr>
<br>
<%
    final String DBDRIVER="com.mysql.jdbc.Driver";
	final String DBURL="jdbc:mysql://localhost:3306/emp";
	final String DBUSER="root";
	final String DBPASSWORD="sa";
	Connection conn=null;
%>
<%
	try{
		Class.forName(DBDRIVER);
		conn=DriverManager.getConnection(DBURL,DBUSER,DBPASSWORD);
		String sql="select id,uid,name,password from person";
		PreparedStatement pstmt=conn.prepareStatement(sql);
		ResultSet rs=pstmt.executeQuery();
%>
<table border="1" width="80%">
	<tr>
		<td>编号</td>
		<td>登陆名称</td>
		<td>姓名</td>
		<td>密码</td>
		<td colspan="2">操作</td>
	</tr>
<%
	int i=0;   //判断是否有数据的标识,如果有数据继续执行,如果没有数据,为0
	while(rs.next()){
    i++;   
	int id=rs.getInt(1);
	String uid=rs.getString(2);
	String name=rs.getString(3);
	String password=rs.getString(4);
%>
	<tr>
		<td><%=id%></td>
		<td><%=uid%></td>
		<td><%=name%></td>
		<td><%=password%></td>
		<td>删除</td>
		<td>更新</td>
	</tr>
<%
}
	rs.close();
	pstmt.close();
	if(i==0){    //没有任何数据 
%>
	<tr>
		<td colspan="6">没有任何数据!</td>
	</tr>
<%
	}	
%>
</table>
<%
	}catch(Exception e){
%>
	<h2>系统出错!</h2>
<%
}finally{
	conn.close();
}
%>
</center>
<body>
</body>
</html>

 

第二步:

   如果要控制每页显示的记录数:只要操作ResultSet即可;原先是whle(rs.next())会把所有的记录数显示出来,此时只要改成if(rs.next()),在外层套循环的次数(即显示的记录数),即可控制每页显示的记录数。

 

for(int x=0;x<lineSize;x++){
		if(rs.next()){    

 还有一个重要的步骤就是如果要显示的是第N页的数据,则需要将前几页的数据空出去

for(int x=0;x<(currentPage-1)*linesize;x++){
		rs.next();			//当前是第几页,就要把前几页的数据空出来,用rs.next()循环出去
	}

 第三步:

首页   上一页    下一页    尾页

button进行控制,触发onClick事件,传递页数

采用script进行控制,进行页数的处理。

需要解决的问题是:

1,计算出总记录数数

 

String sql = "SELECT COUNT(id) from person" ;		
	 pstmt = conn.prepareStatement(sql) ;
	 ResultSet rs = pstmt.executeQuery() ;
	 if(rs.next()){
			allRecorders = rs.getInt(1) ;        //得到所有的记录数
		}
 

2,计算总页数

//计算总页数
		/*有如下情况:
		  总记录数是23条,23/每页显示的记录(10)=2,实际是要有三页的记录数
		  此时采用算法(allRecorders+lineSize-1)/lineSize
		*/
		pageSize=(allRecorders+lineSize-1)/lineSize;
  <%@ page contentType="text/html;charset=gbk"%>
<%@ page import="java.sql.*"%>
<html>
<head>
<title>分页显示</title>
</head>
<center>
<h1>人员列表</h1>
<hr>
<br>
<%!
	final String jspUrl="list_person_false_03.jsp";
%>
<%
	//定义分页变量
	//1,定义每页要显示的记录数
	int lineSize=10;
	//2,定义变量:当前是第几页
	int currentPage=1;
	//计算总页数
	int pageSize=0;
	//   总记录数/每页显示的记录数
	int allRecorders=10;
%>
<%
	try{
		//接受传过来的当前页
		currentPage=Integer.parseInt(request.getParameter("cp"));
	}catch(Exception e){}
%>
<%
    final String DBDRIVER="com.mysql.jdbc.Driver";
	final String DBURL="jdbc:mysql://localhost:3306/mldn";
	final String DBUSER="root";
	final String DBPASSWORD="sa";
	Connection conn=null;
%>
<%
	try{
		Class.forName(DBDRIVER);
		conn=DriverManager.getConnection(DBURL,DBUSER,DBPASSWORD);
		String sql="select count(id) from person";   //查询总记录数
		PreparedStatement pstmt=null;
		pstmt=conn.prepareStatement(sql);
		ResultSet rs=pstmt.executeQuery();
		if(rs.next()){
			allRecorders=rs.getInt(1);           //得到所有的记录数
		}
		rs.close();
		pstmt.close();

		
		//计算总页数
		/*有如下情况:
		  总记录数是23条,23/每页显示的记录(10)=2,实际是要有三页的记录数
		  此时采用算法(allRecorders+lineSize-1)/lineSize
		*/
		pageSize=(allRecorders+lineSize-1)/lineSize;


		sql="select id,uid,name,password from person";
		pstmt=conn.prepareStatement(sql);
		rs=pstmt.executeQuery();
%>
<script language="javascript">
		function openPage(curpage){
	        //用隐藏文本框接受参数
			document.spage.cp.value=curpage;
			//提交
			document.spage.submit();
}
</script>
<form action="<%=jspUrl%>" name="spage">
	<input type="button" value="首页" onClick="openPage(1)">
	<input type="button" value="上一页" onClick="openPage(<%=currentPage-1%>)">
	<input type="button" value="下一页" onClick="openPage(<%=currentPage+1%>)">
	<input type="button" value="尾页" onClick="openPage(<%=pageSize%>)">
	<input type="hidden" name="cp" value="">
</form>
<table border="1" width="80%">
	<tr>
		<td>编号</td>
		<td>登陆名称</td>
		<td>姓名</td>
		<td>密码</td>
		<td colspan="2">操作</td>
	</tr>
<%
	int i=0;   //判断是否有数据的标识,如果有数据继续执行,如果没有数据,为0
	for(int x=0;x<(currentPage-1)*lineSize;x++){
		rs.next();			//当前是第几页,就要把前几页的数据空出来,用rs.next()循环出去
	}
    for(int x=0;x<lineSize;x++){
		if(rs.next()){    
			i++;   
			int id=rs.getInt(1);
			String uid=rs.getString(2);
			String name=rs.getString(3);
			String password=rs.getString(4);
%>
		<tr>
			<td><%=id%></td>
			<td><%=uid%></td>
			<td><%=name%></td>
			<td><%=password%></td>
			<td>删除</td>
			<td>更新</td>
		</tr>
<%
   }
}
	rs.close();
	pstmt.close();
	if(i==0){    //没有任何数据 
%>
	<tr>
		<td colspan="6">没有任何数据!</td>
	</tr>
<%
	}	
%>
</table>
<%
	}catch(Exception e){
%>
	<h2>系统出错!</h2>
<%
}finally{
	conn.close();
}
%>
</center>
<body>
</body>
</html>

 

第四步:

显示出当前页和总页数;

如果按照之前的代码,会出现以下的情况


MySQL假分页

 

此时修改代码,主要是进行了按钮的使用问题,用disabled可以让按钮无法使用

 


  <!--<%=currentPage==1?"disabled":""%>: 如果是首页,则按钮首页无法使用-->

	<input type="button" value="首页" onClick="openPage(1)"       <%=currentPage==1?"disabled":""%>>
	<!--<%=currentPage==1?"disabled":""%>: 如果是首页,则按钮上一页也无法使用-->
	<input type="button" value="上一页" onClick="openPage(<%=currentPage-1%>)"
	<%=currentPage==1?"disabled":""%>>
	<!--<%=currentPage==pageSize?"disabled":""%>: 如果是尾页,则按钮下一页也无法使用-->
	<input type="button" value="下一页" onClick="openPage(<%=currentPage+1%>)"
	<%=currentPage==pageSize?"disabled":""%>>
	<!--<%=currentPage==pageSize?"disabled":""%>: 如果是尾页,则按钮尾页也无法使用-->
	<input type="button" value="尾页" onClick="openPage(<%=pageSize%>)"
	<%=currentPage==pageSize?"disabled":""%>>
  第五步:

用下拉列表框选择页数:

触发onChange事件:

跳转到:
	<select name="selpage" onChange="selOpenPage()">
		<%
			for(int x=0;x<=pageSize;x++){
	    %>
		<option value="<%=x%>" <%=currentPage==x?"selected":""%>><%=x%></option>
		<%
		}
	    %>
	</select>
  function selOpenPage(){
			document.spage.cp.value=document.spage.selpage.value;
			document.spage.submit();
		}

 

完整代码

<%@ page contentType="text/html;charset=gbk"%>
<%@ page import="java.sql.*"%>
<html>
<head>
<title>分页显示</title>
</head>
<center>
<h1>人员列表</h1>
<hr>
<br>
<%!
	final String jspUrl="list_person_false_05.jsp";
%>
<%
	//定义分页变量
	//1,定义每页要显示的记录数
	int lineSize=10;
	//2,定义变量:当前是第几页
	int currentPage=1;
	//计算总页数
	int pageSize=0;
	//   总记录数/每页显示的记录数
	int allRecorders=10;
%>
<%
	try{
		//接受传过来的当前页
		currentPage=Integer.parseInt(request.getParameter("cp"));
	}catch(Exception e){}
%>
<%
    final String DBDRIVER="com.mysql.jdbc.Driver";
	final String DBURL="jdbc:mysql://localhost:3306/mldn";
	final String DBUSER="root";
	final String DBPASSWORD="sa";
	Connection conn=null;
%>
<%
	try{
		Class.forName(DBDRIVER);
		conn=DriverManager.getConnection(DBURL,DBUSER,DBPASSWORD);
		String sql="select count(id) from person";   //查询总记录数
		PreparedStatement pstmt=null;
		pstmt=conn.prepareStatement(sql);
		ResultSet rs=pstmt.executeQuery();
		if(rs.next()){
			allRecorders=rs.getInt(1);           //得到所有的记录数
		}
		rs.close();
		pstmt.close();

		
		//计算总页数
		/*有如下情况:
		  总记录数是23条,23/每页显示的记录(10)=2,实际是要有三页的记录数
		  此时采用算法(allRecorders+lineSize-1)/lineSize
		*/
		pageSize=(allRecorders+lineSize-1)/lineSize;


		sql="select id,uid,name,password from person";
		pstmt=conn.prepareStatement(sql);
		rs=pstmt.executeQuery();
%>
<script language="javascript">
		function openPage(curpage){
	        //用隐藏文本框接受参数
			document.spage.cp.value=curpage;
			//提交
			document.spage.submit();
		}

		function selOpenPage(){
			document.spage.cp.value=document.spage.selpage.value;
			document.spage.submit();
		}
</script>
<form action="<%=jspUrl%>" name="spage">
    <!--<%=currentPage==1?"disabled":""%>: 如果是首页,则按钮首页无法使用-->
	<input type="button" value="首页" onClick="openPage(1)" <%=currentPage==1?"disabled":""%>>
	<!--<%=currentPage==1?"disabled":""%>: 如果是首页,则按钮上一页也无法使用-->
	<input type="button" value="上一页" onClick="openPage(<%=currentPage-1%>)"
	<%=currentPage==1?"disabled":""%>>
	<!--<%=currentPage==pageSize?"disabled":""%>: 如果是尾页,则按钮下一页也无法使用-->
	<input type="button" value="下一页" onClick="openPage(<%=currentPage+1%>)"
	<%=currentPage==pageSize?"disabled":""%>>
	<!--<%=currentPage==pageSize?"disabled":""%>: 如果是尾页,则按钮尾页也无法使用-->
	<input type="button" value="尾页" onClick="openPage(<%=pageSize%>)"
	<%=currentPage==pageSize?"disabled":""%>>
	<input type="hidden" name="cp" value="">
	<font color="red" size="5"><%=currentPage%></font>
	/
	<font color="red" size="5"><%=pageSize%></font>
	跳转到:
	<select name="selpage" onChange="selOpenPage()">
		<%
			for(int x=0;x<=pageSize;x++){
	    %>
		<option value="<%=x%>" <%=currentPage==x?"selected":""%>><%=x%></option>
		<%
		}
	    %>
	</select>
</form>
<table border="1" width="80%">
	<tr>
		<td>编号</td>
		<td>登陆名称</td>
		<td>姓名</td>
		<td>密码</td>
		<td colspan="2">操作</td>
	</tr>
<%
	int i=0;   //判断是否有数据的标识,如果有数据继续执行,如果没有数据,为0
	for(int x=0;x<(currentPage-1)*lineSize;x++){
		rs.next();			//当前是第几页,就要把前几页的数据空出来,用rs.next()循环出去
	}
    for(int x=0;x<lineSize;x++){
		if(rs.next()){    
			i++;   
			int id=rs.getInt(1);
			String uid=rs.getString(2);
			String name=rs.getString(3);
			String password=rs.getString(4);
%>
		<tr>
			<td><%=id%></td>
			<td><%=uid%></td>
			<td><%=name%></td>
			<td><%=password%></td>
			<td>删除</td>
			<td>更新</td>
		</tr>
<%
   }
}
	rs.close();
	pstmt.close();
	if(i==0){    //没有任何数据 
%>
	<tr>
		<td colspan="6">没有任何数据!</td>
	</tr>
<%
	}	
%>
</table>
<%
	}catch(Exception e){
%>
	<h2>系统出错!</h2>
<%
}finally{
	conn.close();
}
%>
</center>
<body>
</body>
</html>
 

你可能感兴趣的:(JavaScript,sql,mysql,算法,jdbc)