分页(将数据库中的多条数据一页一页的显示在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数据库的 ...
随机推荐
- 详解连接SQL Server数据库的方法,并使用Statement接口实现对数据库的增删改操作
总结一下,连接SQL Server数据库需要以下几个步骤: 1. 导入驱动Jar包:sqljdbc.jar 2. 加载并注册驱动程序 3. 设置连接路径 4. 加载并注册驱动 5. 连接数据库 6. ...
- 拥抱.NET Core系列:Logging (1)
在之前我们简单介绍了 .NET Core 中的 DI组件,没来及了解的童鞋可以翻翻我之前的文章. 接下来会对 .NET Core 中的 Logging 进行介绍. 本文中使用了"Micros ...
- thinkphp分页带数据
因为用thinkphp做分页时候点击下一页后搜索栏的数据会清空,然后点击下一页后刷新完了就没有内容了,感觉网上查找和我自己研究在不适用ajax做分页的情况下用以下代码就可以实现!!通过把值扔地址栏来进 ...
- 打印水仙花数(narcissus number)
题目:打印出所有的"水仙花数(narcissus number)",所谓"水仙花数"是指一个三位数,其各位数字立方和等于该数本身.例如:153是一个" ...
- 华为OJ之自动售货系统
本题主要难点有两部分: 1,找零算法.如何找零应该是最具技巧性的部分,根据已有的硬币金额分布,对应的解决办法可能会有不同.本题中的1,2,5,10这种情况满足贪心性质,故我们简单的用贪心算法的思想来解 ...
- nyoj_7:街区最短路径问题
做这题时,先假设目标点在某个位置,然后对其稍微移动dx,dy,分析对ans的影响.最终得,选点时,使一半的横坐标比目标点横坐标小,一半的纵坐标比目标点小,这样得到的ans最小. 题目链接: http: ...
- Python正则表达式指南(转)
原文地址:http://www.cnblogs.com/huxi/archive/2010/07/04/1771073.html 1. 正则表达式基础 1.1. 简单介绍 正则表达式并不是Python ...
- 机器学习(3)-Tensorflow安装与测试
安装.# Ubuntu/Linux 64-bit $ sudo apt-get install python-pip python-dev # Ubuntu/Linux 64-bit, CPU onl ...
- Apache Kafka - 介绍
原文地址地址: http://blogxinxiucan.sh1.newtouch.com/2017/07/12/Apache-Kafka-介绍/ Apache Kafka教程 之 Apache Ka ...
- javascript中的闭包(Closure)的学习
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现. 下面是我在网上通过学习阮一峰老师的笔记,感觉总结很不错,特记录于此. 一.变量的作用域 要理解 ...