MySQL假分页

加菲学Java

浏览: 131454 次
性别:
来自: 扬州

最近访客更多访客>>

dengjunfen

dh001

Coolieo

huaiao_chen

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

MySQL

MySQL SQL JDBC 算法 JavaScript

建立数据库：

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>

第四步：

显示出当前页和总页数;

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

此时修改代码，主要是进行了按钮的使用问题，用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>