分页(将数据库中的多条数据一页一页的显示在jsp页面中)
一、显示数据库中的多条数据为什么要用分页
在真正的开发中,数据库中所存储的数据绝对不像我们平时所写的那样,仅仅有几条数据,而是有几十条甚至上百条,像淘宝京东的用户把都是上几十万甚至百万的。如果这时候在将所有的数据都显示出来那肯定是不现实的,第一、浏览器的页面就那么大,肯定显示不全;第二、一次将这些数据全部查询出来再进行操作,那对于整个数据库的消耗那是相当大的。
因此,实际开发中使用分页来显示数据是十分有必要的。话不多说,进入今天咱们的话题:分页的具体实现步骤。(这里以我自己做的一个小程序为例)
二、让我们先来看一下分页之后的效果。
这是我自己做的一个jsp显示出来的,没有加多少css样式,很简单,有点丑,各位就凑合看吧,毕竟今天咱们的重点不是这!
从这张图中我么你可以看出来,本页面实现了分页的功能,一共分为7页,每页5条记录。这里面的超链接以及文本框都是可以操作的。
三、具体的实现步骤
1、首先你需要有一个类,Student.java用来生成学生的各种属性以及它们的get、set方法。还需要有一个page类,用来存储Student对象列表以及总记录数、当前页、每页的记录条数等属性以及它们的get、set方法。如图:
加了注释的那两个属性我们不可以对其进行set,因此只有它们的get方法。
之所以这么写这两个的get方法想必不用我多说了吧,稍微懂点脑子就能计算出来。
2、你需要连接数据库
3、进入重点部分,即Dao层的编写(这里只说与分页有关的)
public List<Student> limitAll(int index,int pageSize){
Connection conn=DBUtils.getConnection();
String sql="select * from student limit ?,?";
PreparedStatement ps = null;
List<Student> list = null;
ResultSet rs = null;
try {
ps=conn.prepareStatement(sql);
ps.setInt(1, index);
ps.setInt(2, pageSize);
rs = ps.executeQuery();
list=new ArrayList<Student>();
while(rs.next()){
Student student=new Student();
student.setId(rs.getInt(1));
student.setName(rs.getString(2));
student.setNumber(rs.getString(3));
student.setSchool(rs.getString(4));
student.setEmail(rs.getString(5));
list.add(student);
}
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}finally{
try {
DBUtils.colse(conn, ps, rs);
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
return list;
} public int getTotalRecord(){
Connection conn=DBUtils.getConnection();
String sql="select count(*) as total from student";
PreparedStatement ps = null;
ResultSet rs = null;
int total=0;
try {
ps=conn.prepareStatement(sql);
rs = ps.executeQuery();
if(rs.next()){
total=rs.getInt("total");
}
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}finally{
try {
DBUtils.colse(conn, ps, rs);
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
return total;
}
select * from student limit ?,?;
这句代码是数据库中的分页查询的语句。第一个“?”为索引值,第二个“?”为每页的记录数。
例如:select * from student limit 0,3 便是输出表中的前三条数据。
第一个函数通过输入索引值和每页的记录数,返回一个Student的List;第二个函数计算出此表的总记录数。
4、service层的编写:
public Page<Student> limitAll(int pageNumber,int pageSize){
int totalRecord=studentDao.getTotalRecord();
Page<Student> page=new Page<Student>();
page.setPageSize(pageSize);
page.setTotalRecord(totalRecord);
if(pageNumber<1){
pageNumber=1;
}else if(pageNumber>page.getTotalPage()){
pageNumber=page.getTotalPage();
}
page.setPageNumber(pageNumber);
List<Student> list=studentDao.limitAll(page.getIndex(), pageSize);
page.setData(list);
return page;
}
通过这一部分的编写,我们可以在servlet中只需输入两个参数:当前页和每页的记录条数。就能将整个分页后当前页student的List得到。
5、Servlet层的编写
private static int pagesize=5;
private static int pagenum=1;
这里我们声明两个static的变量,即默认显示的当前页为第一页,每页的记录条数为5条。
通过:Page<Student> page=service.limitAll(pagenum, pagesize);
我们可以生成当前五条记录的一个学生信息的列表。当然这里你需要有一个登录页面来登录进去。此时我们就得到了开始的那个页面。
6、对jsp页面的编写:
<body>
<div id="find">
<form action="Servlet?oper=findByNameOrId" method="post">
<input type="text" name="find">
<input type="submit" value="查找">
</form>
</div>
<div id="tablee">
<table border="1" align="center">
<tr>
<th>姓名</th>
<th>学号</th>
<th>学校</th>
<th>邮箱</th>
<th colspan="2">操作</th>
</tr>
<c:forEach items="${page.data}" var="student">
<tr>
<td>${student.name}</td>
<td>${student.number}</td>
<td>${student.school}</td>
<td>${student.email}</td>
<td><a href="Servlet?id=${student.id}&oper=update&fnum=two&pagenum=${page.pageNumber}">修改</a></td>
<td><a href="Servlet?id=${student.id}&oper=delete&fnum=two&pagenum=${page.pageNumber}">删除</a></td>
</tr>
</c:forEach>
<tr>
<th colspan="4"><a href="Servlet?oper=register&fnum=two&pagenum=${page.pageNumber}">添加</a></th>
</tr>
</table>
这是整个table,包含学生信息和修改,删除,添加等超链接。
<div id="page">
<a href="Servlet?pagenum=1&oper=login&fnum=two&fl=1">首页</a>
<a href="Servlet?pagenum=${page.pageNumber-1}&oper=login&fl=1&fnum=two&fl=1">上一页</a>
<c:choose>
<c:when test="${page.totalPage<=5}">
<c:forEach begin="1" end="${page.totalPage}" var="num">
<c:if test="${page.pageNumber==num }">
[${num}]
</c:if>
<c:if test="${page.pageNumber!=num}">
<a href="Servlet?pagenum=${num}&fnum=two&oper=login&fl=1"> ${num}</a>
</c:if>
</c:forEach>
</c:when>
<c:when test="${page.totalPage>5}">
<c:if test="${page.pageNumber<=3}">
<c:set var="begin" value="1"></c:set>
<c:set var="end" value="5"></c:set>
<c:forEach begin="${begin}" end="${end}" var="num">
<c:if test="${page.pageNumber==num }">
[${num}]
</c:if>
<c:if test="${page.pageNumber!=num}">
<a href="Servlet?pagenum=${num}&fnum=two&oper=login&fl=1"> ${num}</a>
</c:if>
</c:forEach>
</c:if>
<c:if test="${page.pageNumber>3}">
<c:set var="begin" value="${page.pageNumber-2}"></c:set>
<c:set var="end" value="${page.pageNumber+2}"></c:set>
<c:if test="${page.pageNumber>=page.totalPage-2}">
<c:set var="begin" value="${page.totalPage-4}"></c:set>
<c:set var="end" value="${page.totalPage}"></c:set>
<c:forEach begin="${begin}" end="${end}" var="num">
<c:if test="${page.pageNumber==num }">
[${num}]
</c:if>
<c:if test="${page.pageNumber!=num}">
<a href="Servlet?pagenum=${num}&fnum=two&oper=login&fl=1"> ${num}</a>
</c:if>
</c:forEach>
</c:if>
<c:if test="${page.pageNumber<page.totalPage-2}">
<c:forEach begin="${begin}" end="${end}" var="num">
<c:if test="${page.pageNumber==num }">
[${num}]
</c:if>
<c:if test="${page.pageNumber!=num}">
<a href="Servlet?pagenum=${num}&fnum=two&oper=login&fl=1"> ${num}</a>
</c:if>
</c:forEach>
</c:if>
</c:if>
</c:when>
</c:choose> <a href="Servlet?pagenum=${page.pageNumber+1}&fnum=two&oper=login&fl=1">下一页</a>
<a href="Servlet?pagenum=${page.totalPage}&fnum=two&oper=login&fl=1">末页</a>
共${page.totalPage}页 ${page.totalRecord}条记录
去第<input type="text" id="num">页
<input type="button" value="确定" id="btn_id">
<script type="text/javascript">
$("#btn_id").click(function(){
var num1=$("#num").val();
window.location="Servlet?oper=login&fl=1&fnum=two&pagenum="+num1;
});
</script>
</div>
这是显示table下面关于分页的显示以及超链接代码。
说道这,有关分页的特别核心的内容已经说完。剩下的代码就需要各位小伙伴们自己去写了。
如果还有不懂的地方或者还需要完整的代码可以留言!
分页(将数据库中的多条数据一页一页的显示在jsp页面中)的更多相关文章
- 关于jsp页面中时间显示问题
首先说明一下情况,在MySQL数据库中获取的时间显示在jsp页面中不是按指定格式显示,显示的是类似于这种--Tue Jun 18 00:00:00 CST 2013.而想要的仅仅是年月日而已. 对于这 ...
- JSP页面中的指令标识
JSP页面中的指令标识 制作人:全心全意 指令标识主要用于设定整个JSP页面范围内都有效的相关信息,它是被服务器解释并执行的,不会产生任何内容输出到网页中.也就是说,指令标识对于客户端浏览器是不可见的 ...
- 网站开发进阶(三十五)JSP页面中的pageEncoding和contentType两种属性
JSP页面中的pageEncoding和contentType两种属性 本文介绍了在JSP页面中经常用的两种属性,分别是pageEncoding和contentType,希望对你有帮助,一起来看. 关 ...
- jsp篇 之 jsp页面中的路径问题
jsp页面中的路径问题: 一般情况下,jsp中路径问题是和我们之前在servlet中讨论的html里面的路径问题是一 样的,但是在[jsp中可以动态获得该项目的url]. 如果在jsp页面的上面写了这 ...
- 使用JDBC向数据库中插入一条数据
原谅我是初学者,这个方法写的很烂,以后不会改进,谢谢 /** * 通过JDBC向数据库中插入一条数据 1.Statement 用于执行SQL语句的对象 1.1 通过Connection 的 * cre ...
- 方法:查询MongoDB数据库中最新一条数据(JAVA)
使用JAVA语言查询MongoDB中某个数据库某个集合的最新一条数据: MongoCollection<Document> cpu = MongoClient.getDatabase(&q ...
- 数据库一次性插入10w条数据,怎么插入效率快
在SQL Server 中插入一条数据使用Insert语句,但是如果想要批量插入一堆数据的话,循环使用Insert不仅效率低,而且会导致SQL一系统性能问题 下面介绍SQL Server支持的两种批量 ...
- 数据库中的记录通过servlet回显到jsp页面中(连接数据库或者查询參照:对数据进行增删改查)
我们常常会用到通过图书的名称来查询图书那么这种话我们也就会使用到从数据库中搜索出数据而且载入到自己的Jsp页面中 这种话我们须要将从数据库中获取到的数据放进响应中然后通过%=request.getAt ...
- mysql 数据库查询最后两条数据
版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/u011925175/article/details/24186917 有一个mysql数据库的 ...
随机推荐
- Redis配置文件redis.conf参数配置详解
########################################## 常规 ########################################## daemonize n ...
- 64位win7安装jdk和eclipse
本人正确安装成功步骤,对他人可能无用: 1.直接拷以前32位eclipse ADT 2.安装32位的jdk:jdk-8u45-windows-i586 3.ok,所有环境变量无需手工设置 eclips ...
- log4go的精确定时程序(带自动延迟补偿)
程序设计目标是在程序启动10秒后执行某个任务,例如日志转储(rotate),以后每隔15秒执行一次. 初次的设计 package main import ( "time" &quo ...
- elasticsearch REST API方式批量插入数据
elasticsearch REST API方式批量插入数据 1:ES的服务地址 http://127.0.0.1:9600/_bulk 2:请求的数据体,注意数据的最后一行记得加换行 { &quo ...
- java三大框架介绍
常听人提起三大框架,关于三大框架,做了如下了解: 三大框架:Struts+Hibernate+Spring java三大框架主要用来做WEN应用. Struts主要负责表示层的显示 Spring利用它 ...
- Reverse Integer - 反转一个int,溢出时返回0
Reverse Integer Reverse digits of an integer. Example1: x = 123, return 321Example2: x = -123, retur ...
- luoguP1886 滑动窗口 [单调队列]
题目描述 现在有一堆数字共N个数字(N<=10^6),以及一个大小为k的窗口.现在这个从左边开始向右滑动,每次滑动一个单位,求出每次滑动后窗口中的最大值和最小值. 例如: The array i ...
- HTML5的应用缓存
HTML5:提供一种应用缓存机制,使得基于web的应用程序可以离线运行.开发者可以使用 Application Cache (AppCache) 接口设定浏览器缓存的数据并使得数据离线有效. 在处 ...
- vue.js使用props在父子组件之间传参
本篇文章是我参考官方文档整理的,供大家参考,高手勿喷! prop 组件实例的作用域是孤立的.这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据.要让子组件使用父组件的数据,我们需要通过子 ...
- Java的三种代理模式简述
本文着重讲述三种代理模式在java代码中如何写出,为保证文章的针对性,暂且不讨论底层实现原理,具体的原理将在下一篇博文中讲述. 代理模式是什么 代理模式是一种设计模式,简单说即是在不改变源码的情况下, ...