Java后台及Jsp前端的简单分页_学习笔记
在你需要导出显示大量列表时,在一页中都显示出来,是不美观页不实用的。在这种时候,就需要设置一个分页来显示你的内容,如百度的分页:
分页分为:前段分页和后端分页
后端分页:
首先我们应该确定,我们要分页,都需要从哪得到哪些数据:
Page<T>类
在Servlet中得到:
int pageNumber //当前页码 , 该数据在Servlet中获取
int pageSize //每页显示的条数 , 在Servlet中指定
后期计算得到:
int index // 分页开始的索引 , 通过计算获得
int totalPage // 总页数 , 需要通过计算获得
从数据库中导出:
int totalRecord // 总记录 , 通过查询数据库获得
List<T> data; // 分页的数据 , 通过数据库查询
分页查询时,DAO、Service的分工
Service:
pageNumber
pageSize
DAO:
int totalRecord
List<T> data
下面是Page类,在这里声明了上面我们需要的6个数据中的4个,index、totalPage 2个需要计算得到的,我们就不在这里面声明了。这个page类可以拿过去直接使用的:
public class Page<T> { private int pageNumber; private int pageSize; private int totalRecord; private List<T> data; private String path; public Page(int pageNo, int pageSize, int totalRecord) {
super();
this.pageNumber = pageNo;
this.pageSize = pageSize;
this.totalRecord = totalRecord;
} public int getPageNumber() { if(pageNumber < 1){
return 1;
} if(pageNumber > getTotalPage()){
return getTotalPage();
} return pageNumber;
} public void setPageNumber(int pageNumber) {
this.pageNumber = pageNumber;
} public int getPageSize() {
return pageSize;
} public void setPageSize(int pageSize) {
this.pageSize = pageSize;
} public int getTotalPage() { if(getTotalRecord()%getPageSize()==0){
return getTotalRecord()/getPageSize();
}else{
return getTotalRecord()/getPageSize()+1;
}
} public int getTotalRecord() {
return totalRecord;
} public void setTotalRecord(int totalRecord) {
this.totalRecord = totalRecord;
} public int getIndex() { return (getPageNumber() - 1) * getPageSize();
} public List<T> getData() {
return data;
} public void setData(List<T> data) {
this.data = data;
} public String getPath() {
return path;
} public void setPath(String path) {
this.path = path;
} }
Servlet关键代码
protected void getStuList(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String url = WebUtils.getPath(request);
Page<Student> page=stuService.findAll(pageNo, pageSize);
page.setPath(url);
request.setAttribute("page",page );
request.getRequestDispatcher("/studentList.jsp").forward(request, response);
}
Dao关键代码:从数据库中导出 totalRecord 、List<T> data;
public static int getTotalRecord() {
PreparedStatement ps=null;
ResultSet rs = null;
Connection conn = Utils.getConnection();
String sql = " SELECT COUNT(*) AS total FROM student";
int total=0; try {
ps =conn.prepareStatement(sql);
rs = ps.executeQuery();
if(rs.next()){
total = rs.getInt("total");
}
} catch (SQLException e) {
// e.printStackTrace();
}finally{
Utils.close(conn, ps, rs);
} return total;
} public List<Student> getLimitStuList(int index, int pageSize) {
PreparedStatement ps=null;
ResultSet rs = null;
Connection conn = Utils.getConnection();
String sql = " SELECT * FROM student limit ? , ?";
List<Student> list= new ArrayList<Student>();
try {
ps =conn.prepareStatement(sql);
ps.setInt(1, index);
ps.setInt(2, pageSize); rs = ps.executeQuery();
while(rs.next()){
int id = rs.getInt("id");
String name = rs.getString("name");
String school = rs.getString("school");
double score = rs.getDouble("score");
list.add(new Student(id,name,school,score));
}
} catch (SQLException e) {
// e.printStackTrace();
}finally{
Utils.close(conn, ps, rs);
} return list;
}
这就是后端的一些关键代码,下面我们看下前段分页。
前段分页:这是一个JSP代码
百度是页里最多只显示10个页码
咱们设计为页面中最多显示5页码
这个问题就转变成了需要动态的设置forEach中begin和end的值
根据不同的情况去设置begin和end的值
第一种情况,总页数小于等于5
begin=1 end=总页数
第二种情况,当前页 小于等于 3
begin=1 end=5
第三种情况,当前页 大于3
lbegin=当前页-2 end=当前页+2
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<script type="text/javascript" src="${pageContext.request.contextPath}/ab/jquery.min.js"></script>
<div id="page_nav" align="center">
<a href="${page.path}&pageNo=1">首页</a>
<a href="${page.path}&pageNo=${page.pageNumber -1 }">上一页</a>
<c:choose>
<c:when test="${page.totalPage <= 5 }" >
<c:set var="begin" value="1"></c:set>
<c:set var="end" value="${page.totalPage}"></c:set>
</c:when>
<c:when test="${page.pageNumber <= 3 }">
<c:set var="begin" value="1"></c:set>
<c:set var="end" value="5"></c:set>
</c:when>
<c:otherwise>
<c:set var="begin" value="${page.pageNumber-2}"></c:set>
<c:set var="end" value="${page.pageNumber+2}"></c:set>
<c:if test="${end > page.totalPage }">
<c:set var="begin" value="${page.totalPage-4}"></c:set>
<c:set var="end" value="${page.totalPage}"></c:set>
</c:if>
</c:otherwise>
</c:choose>
<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="${page.path}&pageNo=${num}">${num }</a>
</c:if>
</c:forEach>
<a href="${page.path}&pageNo=${page.pageNumber +1}">下一页</a>
<a href="${page.path}&pageNo=${page.totalPage}">末页</a>
共${page.totalPage }页,${page.totalRecord }条记录到,去第<input value="${page.totalPage }" name = "pn" id ="pn_input"/>页 <input type="button" value="确定" id="btn_id"/>
<script type="text/javascript">
$("#btn_id").click(function(){
var value= $("#pn_input").val();
window.location="${page.path}&pageNo="+value;
});
</script>
</div>
上面的jsp可以直接用,直接加到你要导出显示的列表的下面:
<c:forEach items="${page.data}" var="stu">
<tr>
<td>${stu.name }</td>
<td>${stu.school }</td>
<td>${stu.score }</td>
<td><a href="${pageContext.request.contextPath}/FindAllServlet?method=toUpdatePage&id=${stu.id}" >修改</a></td>
<td><a href="#?${stu.id}">删除</a></td>
</tr>
</c:forEach>
<tr><td colspan="5" align="center"><a href="#">添加</a></td></tr>
</table>
<br/>
<%@ include file="/Page.jsp" %>
但是要注意,一定要导入jar包和js包
运行结果:
Java后台及Jsp前端的简单分页_学习笔记的更多相关文章
- java后台与jsp前台特殊字符处理(字符串编码与解码)
在后台与前台数据交互时如果有特殊字符就很容易出现问题,所以就需要对字符串进行编码传输,在获取后再进行解码: 1.Java后台进行编码与解码 URLEncoder.encode(str,"ut ...
- java maven、springmvc、mybatis 搭建简单Web项目学习笔记
前言: 空余的时间,学学 Java,没准哪天用的到: 环境搭建折腾了好几天,总算搞顺了,也做个学习笔记,以防后面会忘记: 一.安装文件及介绍 JDK:jdk1.8.0 77 eclipse-maven ...
- 前端自动化构建工具 gulp 学习笔记 一、
一.我对gulp的初期理解 是一种前端辅助开发工具 可以帮你把js,css,img等文件 合并.压缩,图片好像是合并为精灵图,合并为精灵图之后,还会生成一个css样式表. 官方解说是:基于流的自动化构 ...
- 0讲Java,给你一条简单清晰的学习道路!
1. 计算机基础: 1.1 数据结构基础: 主要学习:1.向量,链表,栈,队列和堆,词典.熟悉2.树,二叉搜索树.熟悉3.图,有向图,无向图,基本概念4.二叉搜索A,B,C类熟练,9大排序熟悉.5.树 ...
- 使用Java带你打造一款简单的英语学习系统
[一.项目背景] 随着移动互联网的发展,英语学习系统能结构化的组织海量资料.针对用户个性需求,有的放矢地呈现给用户,从而为英语学习者提供便利,提升他们的学习效率. [二.项目目标] 1. 实现美观的界 ...
- JSP实现数据传递(web基础学习笔记三)
get和post的区别: JSP内置对象: 1)out内置对象:out内置对象是在JSP开发过程中使用得最为频繁的对象,然而其使用起来也是最简单的.out对象用于向客户端浏览器输出数 ...
- 【Java】多线程_学习笔记
多线程 1.进程 进程:当一个程序进入内存运行时,它就成为了进程.进程具有独立性.动态性.并发性. A.独立性:进程是系统中独立存在的实体,它可以拥有自己独立的资源,每一个进程都拥有自己私有的地址空间 ...
- 《Java疯狂讲义》(第3版)学习笔记 1 - 如何学习Java
1.Java是一种面向对象语言,不要简单当做脚本使用.从基础学起,不要从Spring.J2EE.Hibernate和EJB开始学. 2.不要浮躁,应该扎扎实实先学好Java语言,然后按Java本身的学 ...
- 简单Linux命令学习笔记
1.查看进程 ps -ef | grep 关键字 /*关键字为服务名*/ netstat -unltp | grep 关键字 /*关键字为服务名或者是端口均可*/ 2.杀死进 ...
随机推荐
- .net学习——第一个程序
时隔3年.这个窗口 看到觉得特别亲切,舒服 昨天学了 一些概念 ref out 以及引用类型值类型.lambda 匿名方法 什么的 发现啊.当你知道 内存的 数值和对象的处理机制,js的匿名函数,钩 ...
- 内存管理之栈stack
1.什么是栈 栈是一种数据结构,C语言中使用栈来保存局部变量.栈是被发明出来管理内存的.2.栈管理内存的特点(小内存.自动化) 先进后出 FILO first in last out ...
- 一个或多个实体的验证失败。有关详细信息,请参阅“EntityValidationErrors”属性
自定义异常类:FormattedDbEntityValidationException public class FormattedDbEntityValidationException : Exce ...
- 22. docker 数据持久化 Data Volume
1 . 使用场景 在docker 容器被删除的时候 希望数据不丢失 2 . Volume 的使用 * 注意 在 mysql 的 Dockerfile 内 定义了 VOLUME ["var/ ...
- django2:路由path语法
目录 1.问题引入 2.使用示例 3.path转化器 4.自定义转化器 4.1 定义 4.2 注册 5.使用正则表达式 6.Import变动 7.代码改写 8.总结 9月23,Django 发布了2. ...
- ElasticSearch使用小结
最近有个业务需求,即全文搜索关键字查询列表,因而转向ES的学习,也学习了大半个月了,做个笔记,总结下自己的学习历程. 独自学习一项新技术,总是难免走不少弯路的,在此推荐下ES的基础教程,对,好好学习官 ...
- 4418之Android Eclipse导入应用程序在开发板上调试
由于在开发板上 LEDtest 应用已经默认安装了,所以在开发板上调试已安装应用的时候,需要做一下处理才能够正常连接.基于迅为iTOP4418开发板如下图所示,在打开工程“ledtest”,打开“bi ...
- Spring学习之Aspectj开发实现AOP
Aspectj是一个基于Java语言的Aop框架,它提供了强大的Aop功能. Aspectj简介: 1.Aspectj是一个面向切面的框架,它扩展了Java语言,它定义了一个Aop语法. 2.所以它有 ...
- ubuntu14 编译tensorflow C++ 接口
tensorflow1.11 bazel 0.15.2 protobuf 3.6.0 eigen 3.3.5 wget -t 0 -c https://github.com/eigenteam/eig ...
- 分享一套好看的PyCharm Color Shceme 配色方案
配色方案图1 点击可查看大图 (color shceme 配色文件下载链接已经放在文末) 配色方案图2 配色方案图3 picture1 picture2 整体效果 下载链接 https://files ...