在你需要导出显示大量列表时,在一页中都显示出来,是不美观页不实用的。在这种时候,就需要设置一个分页来显示你的内容,如百度的分页:

分页分为:前段分页和后端分页

后端分页:

首先我们应该确定,我们要分页,都需要从哪得到哪些数据:

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前端的简单分页_学习笔记的更多相关文章

  1. java后台与jsp前台特殊字符处理(字符串编码与解码)

    在后台与前台数据交互时如果有特殊字符就很容易出现问题,所以就需要对字符串进行编码传输,在获取后再进行解码: 1.Java后台进行编码与解码 URLEncoder.encode(str,"ut ...

  2. java maven、springmvc、mybatis 搭建简单Web项目学习笔记

    前言: 空余的时间,学学 Java,没准哪天用的到: 环境搭建折腾了好几天,总算搞顺了,也做个学习笔记,以防后面会忘记: 一.安装文件及介绍 JDK:jdk1.8.0 77 eclipse-maven ...

  3. 前端自动化构建工具 gulp 学习笔记 一、

    一.我对gulp的初期理解 是一种前端辅助开发工具 可以帮你把js,css,img等文件 合并.压缩,图片好像是合并为精灵图,合并为精灵图之后,还会生成一个css样式表. 官方解说是:基于流的自动化构 ...

  4. 0讲Java,给你一条简单清晰的学习道路!

    1. 计算机基础: 1.1 数据结构基础: 主要学习:1.向量,链表,栈,队列和堆,词典.熟悉2.树,二叉搜索树.熟悉3.图,有向图,无向图,基本概念4.二叉搜索A,B,C类熟练,9大排序熟悉.5.树 ...

  5. 使用Java带你打造一款简单的英语学习系统

    [一.项目背景] 随着移动互联网的发展,英语学习系统能结构化的组织海量资料.针对用户个性需求,有的放矢地呈现给用户,从而为英语学习者提供便利,提升他们的学习效率. [二.项目目标] 1. 实现美观的界 ...

  6. JSP实现数据传递(web基础学习笔记三)

    get和post的区别: JSP内置对象: 1)out内置对象:out内置对象是在JSP开发过程中使用得最为频繁的对象,然而其使用起来也是最简单的.out对象用于向客户端浏览器输出数         ...

  7. 【Java】多线程_学习笔记

    多线程 1.进程 进程:当一个程序进入内存运行时,它就成为了进程.进程具有独立性.动态性.并发性. A.独立性:进程是系统中独立存在的实体,它可以拥有自己独立的资源,每一个进程都拥有自己私有的地址空间 ...

  8. 《Java疯狂讲义》(第3版)学习笔记 1 - 如何学习Java

    1.Java是一种面向对象语言,不要简单当做脚本使用.从基础学起,不要从Spring.J2EE.Hibernate和EJB开始学. 2.不要浮躁,应该扎扎实实先学好Java语言,然后按Java本身的学 ...

  9. 简单Linux命令学习笔记

    1.查看进程 ps -ef | grep 关键字       /*关键字为服务名*/ netstat -unltp | grep 关键字        /*关键字为服务名或者是端口均可*/ 2.杀死进 ...

随机推荐

  1. [极客大挑战 2019]Secret File

    0x00知识点 没有过滤file 使用php的file伪协议去读取文件 ?file=php://filter/convert.base64-encode/resource=flag.php 0x01解 ...

  2. 2.0 虚拟机linu开启ssh服务与FTP

    2.1.1.当本地机器ssh连接过一次虚拟主机.虚拟主机重启过或者配置发生改变 需要重新配对密钥,需要先清除本地缓存的密钥  ssh-keygen -R "ip"  2.1.2. ...

  3. Python—二叉树数据结构

    二叉树 简介: 二叉树是每个结点最多有两个子树的树结构.通常子树被称作“左子树”(left subtree)和“右子树”(right subtree). 二叉树二叉树的链式存储: 将二叉树的节点定义为 ...

  4. docker安装宝塔面板

    1.下载centos docker docker pull centos:7.2.1511 2.运行镜像设置端口 docker run -d -it -p 4001:8888 -p 4000:80 - ...

  5. 精讲 使用ELK堆栈部署Kafka

    使用ELK堆栈部署Kafka 通过优锐课的java架构学习分享,在本文中,我将展示如何使用ELK Stack和Kafka部署建立弹性数据管道所需的所有组件. 在发生生产事件后,恰恰在你最需要它们时,日 ...

  6. git常用操作及其基本命令

    克隆远程仓库代码到本地 本地创建有文件夹 git clone 远程仓库地址 本地文件夹名称 本地没有创建文件夹 git clone 远程仓库地址 文件夹名称 克隆完成之后,使用“cd 文件夹”的方式进 ...

  7. LeetCode——324. 摆动排序 II

    给定一个无序的数组 nums,将它重新排列成 nums[0] < nums[1] > nums[2] < nums[3]... 的顺序. 示例 1: 输入: nums = [1, 5 ...

  8. Java之同步方法处理实现Runnable接口的线程安全问题

    /** * 使用同步方法解决实现Runnable接口的线程安全问题 * * * 关于同步方法的总结: * 1. 同步方法仍然涉及到同步监视器,只是不需要我们显式的声明. * 2. 非静态的同步方法,同 ...

  9. intellij idea安卓开发配置

    1.java sdk 2.java ndk 3.gradle https://gradle.org/install/#manually 配置properties 删除根目录下android{} htt ...

  10. servlet 3 通过编程的方式来配置ServletContext

    你是否再为配置文件web.xml容易出错而烦恼?是否为web.xml文件存放位置而不知所措?是否为web.xml为什么要这样配?怎么才能更好的配置web.xml而烦恼?那么一种新的方式出现了: spr ...