MySQL---数据库从入门走向大神系列(十七)-JavaWeb分页技术实例演示2

本文涉及的产品
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
云数据库 RDS MySQL,高可用系列 2核4GB
简介: 分页,是一种将所有数据分段展示给用户的技术.用户每次看到的不 是全部数据,而是其中的一部分,如果在其中没有找到自己想要的内容,用户可以通过指定页码或是点上/下一页的方式进行翻页。本例演示静态分页,也就是先设置好每页显示10行,再根据总行数,来算出总页数,并且只显示10个页码。

分页,是一种将所有数据分段展示给用户的技术.用户每次看到的不 是全部数据,而是其中的一部分,如果在其中没有找到自己想要的内容,用户可以通过指定页码或是点上/下一页的方式进行翻页。

本例演示静态分页,也就是先设置好每页显示10行,再根据总行数,来算出总页数,并且只显示10个页码。增加查询功能,并且查询后的页面也进行分页。页码也进行分页 !

查询功能的实现,需要我们在servlet向后台传输一个person,封装我们的查询条件

相关算法(技术):

总行数(num): select count(1) from stud;

每页显示的行数(n): 固定值---已知的一个常量

页数: pageSize= num/n +( (num%n==0)?0:1 )

当前页号: currentPage

当前要显示的页面数据的起始行号和终止行号
startN: (currentPage-1)*pageSize

如何显示从startN开始的pageSize条记录
select * from stud limit startN, pageSize;

增加了:
开始的页码:
showStart
结束的页码:
showEnd

像这样:

数据库数据:

创建的数据库表,还有需要准备的jar包,请看本篇博客:

http://blog.csdn.net/qq_26525215/article/details/52222472

源码:

PageJdbc.java

package cn.hncu.dao;

import java.sql.SQLException;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import org.apache.commons.dbutils.QueryRunner;
import org.apache.commons.dbutils.handlers.MapListHandler;
import org.apache.commons.dbutils.handlers.ScalarHandler;

import cn.hncu.domain.Person;
import cn.hncu.pubs.C3p0Pool;

public class PageJdbc implements IPageDAO {
    private final int pageSize = 10;// 每页显示的行数

    @Override
    public Map<String, Object> query(Integer pageNo, Person person)
            throws NumberFormatException, SQLException {
        Map<String, Object> result = new HashMap<String, Object>();

        // 获取总页数 pageCount = rows/pageSize + ( (rows%pageSize==0)?0:1 )
        // 总行数rows
        String sql = "select count(1) from person where 1=1 ";// 用来查总行数

        String sql2 = "select * from person where 1=1 ";// 用来查表内容

        if (person.getId() != null && person.getId().trim().length() != 0) {
            sql = sql + "and id like '%" + person.getId() + "%'";
            sql2 = sql2 + "and id like '%" + person.getId() + "%'";
        }
        if (person.getName() != null && person.getName().trim().length() != 0) {
            sql = sql + "and name like '%" + person.getName() + "%'";
            sql2 = sql2 + "and name like '%" + person.getName() + "%'";
        }
        //System.out.println(sql2);

        QueryRunner run = new QueryRunner(C3p0Pool.getDataSource());
        int rows = Integer.parseInt("" + run.query(sql, new ScalarHandler()));

        // 总页数
        int pageCount = rows / pageSize + ((rows % pageSize == 0) ? 0 : 1);
        result.put("pageCount", pageCount);// 封装到result
        // 分页页面内容datas
        // 起始行号
        int startN = (pageNo - 1) * pageSize;
        sql2 = sql2+ " limit "+startN+", "+pageSize;

        List<Map<String, Object>> datas = run.query(sql2, new MapListHandler());
        result.put("datas", datas);//封装到result

        return result;
    }

}

PageServlet.java

package cn.hncu.servlet;

import java.io.IOException;
import java.io.PrintWriter;
import java.sql.SQLException;
import java.util.Map;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import cn.hncu.domain.Person;
import cn.hncu.service.IPageService;
import cn.hncu.service.PageServiceImpl;

public class PageServlet extends HttpServlet {
    //注入servlet
    IPageService service = new PageServiceImpl();

    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        doPost(request, response);
    }

    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");

        String pageNo = request.getParameter("page");
        if(pageNo==null || pageNo.trim().length()==0){
            pageNo = "1";
        }
        Integer iPageNo =1;
        try {
            iPageNo = Integer.parseInt(pageNo);
        } catch (NumberFormatException e) {
            request.getRequestDispatcher(request.getContextPath()+"/index.jsp").forward(request, response);
        }

        Person person =null;
        //区分是Post还是GET方式请求,前者是新的查询,后者是原查询结果中进行翻页
        if(request.getMethod().equalsIgnoreCase("get")){//翻页
            //从session中把旧的查询条件值对象取出来
            person = (Person) request.getSession().getAttribute("person");
            if(person==null){//没有进行第一次查询之前,person就是需要我们new出来一个空的
                person = new Person();
            }
        }else{//POST方式---新的查询
            //收集模糊查询的输入参数
            String id = request.getParameter("id");
            String name = request.getParameter("name");
            person = new Person();
            person.setId(id);
            person.setName(name);
            //放入session,这样下一次翻页才能读取出来
            request.getSession().setAttribute("person", person);
        }


        try {
            Map<String, Object> result = service.query(iPageNo, person);

            //给结果集补一个数据:currentPage --当前页号
            result.put("currentPage", iPageNo);

            //把结果集放入容器中
            request.setAttribute("result", result);

            //分页后的分页--向前端多传送两个数据(起始和末尾页号):showStart和showEnd
            int showSize=10;//每页显示几行
            int showStart=0;//从第几个页号开始显示
            int showEnd=0;//显示到第几个页号

            //pageCount---总页数
            //如果所有页码不足showSize:  showStart=1,showEnd=pageCount
            int pageCount = Integer.parseInt(""+result.get("pageCount"));

            if(pageCount<=showSize){//不需要二次分页
                showStart=1;
                showEnd=pageCount;
            }else{//需要二次分页
                //如果当前页号iPageNo<=showSize/2时,showStart=1
                if(iPageNo<=showSize/2){
                    showStart=1;
                    showEnd=showSize;
                }else{
                    showStart = iPageNo - showSize/2;
                    showEnd = showStart + showSize-1;
                }

                if(showEnd>pageCount){
                    showEnd=pageCount;
                    showStart = showEnd-showSize-1;
                }

            }

            //存储showStart和showEnd
            request.setAttribute("showStart", showStart);
            request.setAttribute("showEnd", showEnd);

            //转到结果页面
            request.getRequestDispatcher("/jsps/show.jsp").forward(request, response);

        } catch (NumberFormatException e) {
            e.printStackTrace();
        } catch (SQLException e) {
            e.printStackTrace();
        }
    }
}

show.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>演示数据分页</title>
    <link rel="stylesheet" href="<c:url value='/css/table.css' />" />

    <script type="text/javascript">
        function sub(obj){
            window.location.href="<c:url value='/PageServlet?page=' />"+obj.value;
        }
    </script>

  </head>

  <body>
     <h3>数据查询</h3>
     <form action="<c:url value='/PageServlet'/>" method="post">
            ID:<input type="text" name="id" value="${person.id }"> &nbsp;
            姓名:<input type="text" name="name" value="${person.name }" > &nbsp;&nbsp;
            <input type="submit" value="模糊查询">
     </form>

    <h3>当前页的内容:</h3>
    <table>
        <tr><th>学号</th><th>姓名</th><th>地址</th><th>年龄</th></tr>
        <c:forEach items="${result.datas}" var="map">
            <tr>
                <td>${map.id}</td>
                <td>${map.name}</td>
                <td>${map.address}</td>
                <td>${map.age}</td>
            </tr>
        </c:forEach>
    </table>


    <c:if test="${result.currentPage!=1}">
        <span class="pc">
            <a href='<c:url value="/PageServlet?page=${result.currentPage-1}"></c:url>'>上一页</a>
        </span>
    </c:if>

    &nbsp;&nbsp;
    <c:forEach begin="${showStart}" end="${showEnd}" var="idx">
        <c:if test="${idx==result.currentPage}" var="isNow">
            <span class=now>${idx}</span>
        </c:if>         
        <c:if test="${!isNow }">
            <span class="pc">
                <a href='<c:url value="/PageServlet?page=${idx}"></c:url>'>${idx}</a>
            </span>
        </c:if>
        &nbsp;&nbsp;
    </c:forEach>

    <c:if test="${result.currentPage!=result.pageCount}">
        <span class="pc">
            <a href="<c:url value='/PageServlet?page=${result.currentPage+1}'></c:url>">下一页</a>
        </span>
    </c:if>
    <br/><br/>

    <!-- 复选框 -->
    <select onchange="sub(this)">
        <c:forEach begin="1" end="${result.pageCount}" var="idx">
            <option <c:if test="${idx==result.currentPage}">selected="selected"</c:if> value="${idx}" >
                第${idx}页
            </option>
        </c:forEach>
    </select>

  </body>
</html>

演示结果:

整个项目源码链接:

https://github.com/chenhaoxiang/Java/tree/master/myPagesDividedWeb2
myPagesDividedWeb2.zip文件

转载请附上原文博客链接:
http://blog.csdn.net/qq_26525215

相关实践学习
如何快速连接云数据库RDS MySQL
本场景介绍如何通过阿里云数据管理服务DMS快速连接云数据库RDS MySQL,然后进行数据表的CRUD操作。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
目录
相关文章
|
4天前
|
关系型数据库 MySQL 数据库连接
docker拉取MySQL后数据库连接失败解决方案
通过以上方法,可以解决Docker中拉取MySQL镜像后数据库连接失败的常见问题。关键步骤包括确保容器正确启动、配置正确的环境变量、合理设置网络和权限,以及检查主机防火墙设置等。通过逐步排查,可以快速定位并解决连接问题,确保MySQL服务的正常使用。
105 82
|
1天前
|
存储 关系型数据库 分布式数据库
登顶TPC-C|云原生数据库PolarDB技术揭秘:单机性能优化篇
日前,阿里云PolarDB云原生数据库以超越原记录2.5倍的性能一举登顶TPC-C基准测试排行榜,以每分钟20.55亿笔交易(tpmC)和单位成本0.8元人民币(price/tpmC)的成绩刷新TPC-C性能和性价比双榜的世界纪录。 每一个看似简单的数字背后,都蕴含着无数技术人对数据库性能、性价比和稳定性的极致追求,PolarDB的创新步伐从未止步。「阿里云瑶池数据库」公众号特此推出「PolarDB登顶TPC-C技术揭秘」系列硬核文章,为你讲述“双榜第一”背后的故事,敬请关注!
登顶TPC-C|云原生数据库PolarDB技术揭秘:单机性能优化篇
|
7天前
|
消息中间件 缓存 NoSQL
缓存与数据库的一致性方案,Redis与Mysql一致性方案,大厂P8的终极方案(图解+秒懂+史上最全)
缓存与数据库的一致性方案,Redis与Mysql一致性方案,大厂P8的终极方案(图解+秒懂+史上最全)
|
12天前
|
SQL 关系型数据库 MySQL
MySQL生产环境迁移至YashanDB数据库深度体验
这篇文章是作者将 MySQL 生产环境迁移至 YashanDB 数据库的深度体验。介绍了 YashanDB 迁移平台 YMP 的产品相关信息、安装步骤、迁移中遇到的各种兼容问题及解决方案,最后总结了迁移体验,包括工具部署和操作特点,也指出功能有优化空间及暂不支持的部分,期待其不断优化。
|
1天前
|
存储 关系型数据库 分布式数据库
登顶TPC-C|云原生数据库PolarDB技术揭秘:单机性能优化篇
阿里云PolarDB云原生数据库在TPC-C基准测试中,以20.55亿tpmC的成绩打破性能与性价比世界纪录。此外,国产轻量版PolarDB已上线,提供更具性价比的选择。
|
1天前
|
存储 SQL 关系型数据库
从 MySQL 到时序数据库 TDengine:Zendure 如何实现高效储能数据管理?
TDengine 助力广州疆海科技有限公司高效完成储能业务的数据分析任务,轻松应对海量功率、电能及输入输出数据的实时统计与分析,并以接近 1 : 20 的数据文件压缩率大幅降低存储成本。此外,taosX 强大的 transform 功能帮助用户完成原始数据的清洗和结构优化,而其零代码迁移能力更实现了历史数据从 TDengine OSS 与 MySQL 到 TDengine 企业版的平滑迁移,全面提升了企业的数据管理效率。本文将详细解读这一实践案例。
13 0
|
2月前
|
关系型数据库 MySQL 数据库连接
数据库连接工具连接mysql提示:“Host ‘172.23.0.1‘ is not allowed to connect to this MySQL server“
docker-compose部署mysql8服务后,连接时提示不允许连接问题解决
|
1月前
|
关系型数据库 MySQL 数据库
Docker Compose V2 安装常用数据库MySQL+Mongo
以上内容涵盖了使用 Docker Compose 安装和管理 MySQL 和 MongoDB 的详细步骤,希望对您有所帮助。
193 42
|
1月前
|
关系型数据库 MySQL 网络安全
如何排查和解决PHP连接数据库MYSQL失败写锁的问题
通过本文的介绍,您可以系统地了解如何排查和解决PHP连接MySQL数据库失败及写锁问题。通过检查配置、确保服务启动、调整防火墙设置和用户权限,以及识别和解决长时间运行的事务和死锁问题,可以有效地保障应用的稳定运行。
150 25
|
23天前
|
监控 关系型数据库 MySQL
云数据库:从零到一,构建高可用MySQL集群
在互联网时代,数据成为企业核心资产,传统单机数据库难以满足高并发、高可用需求。云数据库通过弹性扩展、分布式架构等优势解决了这些问题,但也面临数据安全和性能优化挑战。本文介绍了如何从零开始构建高可用MySQL集群,涵盖选择云服务提供商、创建实例、配置高可用架构、数据备份恢复及性能优化等内容,并通过电商平台案例展示了具体应用。