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

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

本例演示静态分页,也就是先设置好每页显示10行,再根据总行数,来算出总页数,将所有页数的页号都显示出来。
相关算法(技术):


总行数(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;

像这样:

点击哪一页就显示哪一页的内容。

数据库数据:

数据库的表和数据在这一篇博客中已经准备好了:
http://blog.csdn.net/qq_26525215/article/details/52212571

create table person(
    id varchar(30) primary key,
    name varchar(30),
    address varchar(30),
    age int
);

DAO层:

接口:

package cn.hncu.dao;

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

public interface IPageDAO {
    public Map<String, Object> query(Integer pageNo) throws NumberFormatException, SQLException;
}

实现类:

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 org.junit.Test;

import cn.hncu.pubs.C3p0Pool;

public class PageJdbc implements IPageDAO {

    //每页显示的行数
    private final int pageSize = 10;

    @Override
    public Map<String, Object> query(Integer pageNo) 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";
        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);

        //分页后的当前页面内容datas
        //起始行号
        int startN = (pageNo-1)*pageSize;
        sql = "select * from person limit "+startN+" , "+pageSize;
        List<Map<String, Object>> datas = run.query(sql, new MapListHandler());
        result.put("datas", datas);//封装到result

        return result;
    }

    @Test
    public void test() {
        try {
            Map<String, Object> map = query(5);
            System.out.println(map);
        } catch (NumberFormatException e) {
            e.printStackTrace();
        } catch (SQLException e) {
            e.printStackTrace();
        }
    }

}

C3p0配置文件c3p0-config.xml:

<c3p0-config>
    <!-- 默认配置,如果没有指定则使用这个配置 -->
    <default-config>
        <property name="driverClass">com.mysql.jdbc.Driver</property>
        <property name="jdbcUrl">
            <![CDATA[jdbc:mysql://127.0.0.1:3306/hncu?useUnicode=true&characterEncoding=UTF-8]]>
        </property>
        <property name="user">root</property>
        <property name="password">1234</property>
        <!-- 初始化池大小 -->
        <property name="initialPoolSize">2</property>
        <!-- 最大空闲时间 -->
        <property name="maxIdleTime">30</property>
        <!-- 最多有多少个连接 -->
        <property name="maxPoolSize">10</property>
        <!-- 最少几个连接 -->
        <property name="minPoolSize">2</property>
        <!-- 每次最多可以执行多少个批处理语句 -->
        <property name="maxStatements">50</property>
    </default-config>
    <!-- 命名的配置 -->
    <named-config name="demo">
        <property name="driverClass">com.mysql.jdbc.Driver</property>
        <property name="jdbcUrl"><![CDATA[jdbc:mysql://127.0.0.1:3306/hncu?useUnicode=true&characterEncoding=UTF-8]]></property>
        <property name="user">root</property>
        <property name="password">1234</property>
        <property name="acquireIncrement">5</property><!-- 如果池中数据连接不够时一次增长多少个 -->
        <property name="initialPoolSize">100</property>
        <property name="minPoolSize">50</property>
        <property name="maxPoolSize">1000</property>
        <property name="maxStatements">0</property>
        <property name="maxStatementsPerConnection">5</property> <!-- he's important, but there's only one of him -->
    </named-config>
</c3p0-config>

C3p0数据库连接池:

package cn.hncu.pubs;

import java.sql.Connection;
import java.sql.SQLException;

import javax.sql.DataSource;

import com.mchange.v2.c3p0.ComboPooledDataSource;

public class C3p0Pool {
    private static DataSource pool;
    private static ThreadLocal<Connection> t = new ThreadLocal<Connection>();
    static{
        pool = new ComboPooledDataSource();
    }

    public static DataSource getDataSource(){
        return pool;
    }

    public static Connection getConnection() throws SQLException{
        Connection con=t.get();
        if(con==null){
            con = pool.getConnection();
            t.set(con);
        }
        return con;
    }

}

service层:

接口:

package cn.hncu.service;

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

public interface IPageService {
    public Map<String, Object> query(Integer pageNo) throws NumberFormatException, SQLException;
}

实现类

package cn.hncu.service;

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

import cn.hncu.dao.IPageDAO;
import cn.hncu.dao.PageJdbc;

public class PageServiceImpl implements IPageService{
    //注入dao
    IPageDAO dao = new PageJdbc();

    @Override
    public Map<String, Object> query(Integer pageNo) throws NumberFormatException, SQLException {
        return dao.query(pageNo);
    }
}

index.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>
  </head>

  <body>
    <c:redirect url="/PageServlet"></c:redirect>
  </body>
</html>

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>
    <table>
        <tr><th>学号</th><th>姓名</th></tr>
        <c:forEach items="${result.datas}" var="map">
            <tr>
                <td>${map.id}</td>
                <td>${map.name}</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="1" end="${result.pageCount}" 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>

table.css:

body{
    text-align: center;
}
table{
    border: 1px solid blue;
    width: 500px;
    border-collapse: collapse;/*为表格设置合并边框模型:*/
    margin: auto;
}
td,th,tr{
    border:  1px solid blue;
}
.pc{
    width: 30px;
    height: 30px;
    border: 1px solid #e1e2e3;
    border-top-color: rgb(225, 226, 227);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(225, 226, 227);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(225, 226, 227);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(225, 226, 227);
    border-left-style: solid;
    border-left-width: 1px;
}
.now {
    display: block;
}

web.xml:

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0"
    xmlns="http://java.sun.com/xml/ns/javaee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
    http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
  <display-name></display-name>
  <servlet>
    <servlet-name>PageServlet</servlet-name>
    <servlet-class>cn.hncu.servlet.PageServlet</servlet-class>
  </servlet>

  <servlet-mapping>
    <servlet-name>PageServlet</servlet-name>
    <url-pattern>/PageServlet</url-pattern>
    <!-- 这里的/代表项目根目录下 -->
  </servlet-mapping>
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
</web-app>

PageServlet.java:

package cn.hncu.servlet;

import java.io.IOException;
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.service.IPageService;
import cn.hncu.service.PageServiceImpl;

public class PageServlet extends HttpServlet {
    //注入service
        IPageService service = new PageServiceImpl();
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp)
                throws ServletException, IOException {
            doPost(req, resp);
        }

        @Override
        protected void doPost(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
    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) {
                iPageNo=1;
            }

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

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

                //###注意,一定要把结果集放入容器中
                request.setAttribute("result", result);

                //转到结果页面
                request.getRequestDispatcher("/jsps/show.jsp").forward(request, response);
            } catch (NumberFormatException e) {
                e.printStackTrace();
            } catch (SQLException e) {
                e.printStackTrace();
            }
        }
}

演示结果:

需要的第三方扩展包:

链接:
https://github.com/chenhaoxiang/Java/tree/master/Database-support-package

完整项目代码链接:

https://github.com/chenhaoxiang/Java/tree/master/myPagesDividedWeb

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

时间: 2024-07-28 19:15:08

MySQL---数据库从入门走向大神系列(十六)-JavaWeb分页技术实例演示1的相关文章

MySQL---数据库从入门走向大神系列(十)-Connection对象池、装饰模式与动态代理模式

问题概述: 之前本系列博客写的,全部都是一个connection对象,不知道大家发现没有,我们既然做了一个Connection工具类,那么大家肯定都是从那里面拿Connection对象的,之前的如果是多线程运行,很容易出问题的,你想想事务处理就知道了,同时用事务处理操作同一个Connection,肯定会出问题的. 例如: 一方的事务在提交的时候,你正好运行了一个事务中的一个操作,那么你这个操作也会被提交,而且你后面的提交或回滚失效的,如果对方把Connection关闭了,你的程序还会挂. 等等问

MySQL---数据库从入门走向大神系列(十五)-Apache的DBUtils框架使用

DBUtils简介: commons-dbutils 是 Apache 组织提供的一个开源 JDBC工具类库,它是对JDBC的简单封装,学习成本极低,并且使用dbutils能极大简化jdbc编码的工作量,同时也不会影响程序的性能.因此dbutils成为很多不喜欢hibernate的公司的首选(嗯~商业竞争-..). commons-dbutilsAPI介绍: org.apache.commons.dbutils.QueryRunner org.apache.commons.dbutils.Res

MySQL---数据库从入门走向大神系列(十四)-ComboPooledDataSource(C3P0连接池配置)

需要准备的jar包: MySQL的jar包mysql-connector-java-5.1.39-bin目前是5.1.39版本: http://dev.mysql.com/downloads/connector/j/ C3p0的2个包: https://sourceforge.net/projects/c3p0/ c3p0-0.9.1.2.jar和c3p0-sources-0.9.1.2.jar 配置文件:c3p0-config.xml 名字必须为这个! <c3p0-config> <!

MySQL---数据库从入门走向大神系列(三)-修改数据库编码/DOS窗口编码

如何查看与修改数据库的编码,如何修改dos窗口的显示编码,都在本篇详细讲解. 查看当前数据库的编码: show variables where variable_name like 'character%'; 如果出现了中文乱码,我们只要看: character_set_client -客户端的编码 character_set_connection -连接的编码(传输时的编码) character_set_results - 最后的输出编码 只要保证这三个编码是相同的,且编码集有中文,中文就不会

MySQL---数据库从入门走向大神系列(六)-事务处理与事务隔离(锁机制)

MySQL 事务处理 简单介绍事务处理: MySQL 事务主要用于处理操作量大,复杂度高的数据. 比如说,在人员管理系统中,你删除一个人员,你即需要删除人员的基本资料,也要删除和该人员相关的信息,如信箱,文章等等,这样,这些数据库操作语句就构成一个事务! 一个事务是一个连续的一组数据库操作,就好像它是一个单一的工作单元进行.换言之,永远不会是完整的事务,除非该组内的每个单独的操作是成功的.如果在事务的任何操作失败,则整个事务将失败. 事务处理可以用来维护数据库的完整性,保证成批的SQL语句要么全

MySQL---数据库从入门走向大神系列(九)-用Java向数据库读写大文本/二进制文件数据

介绍MySQL的文本和图形数据类型: Text 类型: 数据类型:描述 ------------------------------------------------------ char(size):保存固定长度的字符串(可包含字母.数字以及特殊字符).在括号中指定字符串的长度.最多 255 个字符. varchar(size):保存可变长度的字符串(可包含字母.数字以及特殊字符).在括号中指定字符串的最大长度.最多 255 个字符. 注释:如果值的长度大于 255,则被转换为 text类型

MySQL---数据库从入门走向大神系列(七)-Java访问数据库配置及简单使用方法execute

从操作配置文件properties中读取连接字符串,通过该字符串进行数据连接,需要写三个文件其中,两个是java类,一个是后缀名为.properties的文件,该文件放在src工作目录下. 需要准备的包: https://github.com/chenhaoxiang/Java 后缀为.properties的文件此处为其取名为jdbc.properties,其中的代码如下: ##MySQL driver=com.mysql.jdbc.Driver url=jdbc:mysql://127.0.0

MySQL---数据库从入门走向大神系列(二)-用Java对MySQL进行增删改查

上节已经学会对MySQL进行简单的增删改查了,那么,我们如何实现用Java来对数据库操作增删改呢. 本节将用Java演示对MySQL进行增删改查. 简单的来说,分为4个步骤: 1.加载连接器(驱动)   通过Driver类 (最好用类反射来加载,更加灵活) 2.建立与数据库的连接 3.获取语句对象 4.对数据库进行操作(增删改查) 其实第一步现在可以不用写了,高版本的MySQL已经在内部帮我们写好了第一步,但是,为了兼容性更好(兼容低版本的MySQL)我们最好还是写上第一步. 我们先看一下原数据

MySQL---数据库从入门走向大神系列(八)-在java中执行MySQL的存储过程

http://blog.csdn.net/qq_26525215/article/details/52143733 在上面链接的博客中,写了如何用MySQL语句定义和执行存储过程 Java执行存储过程: 准备表stud: 列类型分别为: varchar,varchar,int 定义的存储过程分别为: p1:-无参 delimiter && create procedure p1() begin insert into stud values('P100','小李',43); select