分页查询的总结

最近刚把前端的基础学完,做了一个简单的客户管理系统巩固一下前面的基础知识,设计的知识之前已有各种小结,再次主要是总结一下分页查询相关的知识。

1.首先需要顶一个两个实体类 Customer和Pagenation用来封装客户信息,和分页查询的信息;

主体思想还是jsp前段页面提交数据到web层servlet,servlet对数据做简单的判断和封装,再调用业务层相关的方法进行数据查询,具体调用业务层的哪些方法,需要根据实际情况需要。
关于实体类的封装,customer实体类主要是封装一些客户的信息,比如姓名,年龄,种类等等;JDBCUtil可以根据相应的setXXX()方法,把数据往里面注入;

public class Customer {

    private String id;// id

    private String name;// 姓名

    private String gender;// 性别

    private String birthday;// 生日

    private String phone;// 电话

    private String email;// 邮箱 非空不可以重复

    private String hobby;// 爱好

    private String type;// 客户类型

    private String description;// 客户描述
}

注意:对于多选框到后台的是一个字符数组,jdbcutil默认只会封装第一元素,所以需要我们手动

Pagenation类的封装是封装了分页查询需要的信息,同时把每页需要显示的数据加入一个集合中,把集合本身当做一个属性定义;在pageNation中根据已知的一些参数可以直接算出一些相关的参数,在前段做了封装,这样到业务层就会变得非常简单方便。

说明:最根本的是调用mysql中的分页查询语句:

select * from customers limit ? ,?;
第一个问号:起始页 pageNum
第二个问号:每页的长度pageSize
前面的工作都是为了把这两个参数简单合理的传递到dao层,数据库的查询不是一次查出所有数据的,是根据jsp页面每次提交的pageNum再去查询,查询后pageNation里面的属性也不是全部都注入值得,一些可以通过计算得到的值,在jsp显示页面调用的时候才会去计算。

<a href="javascript:void(0)" onclick="go(${pageNation.beforePage})">上一页</a>

<a href="javascript:void(0)" onclick="go(${pageNation.nextPage})">下一页</a>

<a href="javascript:void(0)" onclick="go(${pageNation.totalPages})">尾页</a>

通过jsp传递参数pageNum,到后台处理

function go(pageNum){

    /* //非数字 负数,但是小数搞不定
    if(isNaN(pageNum)||parseInt(pageNum)<=0){

    } */

    if(parseInt(pageNum)!=pageNum||parseInt(pageNum<=0)){
        alert("请输入有效的数值");

        return ;
    }
    //如果输入的数值超出最大页码 js去获取request里面的数据
    //在这里不可以用el表达式,那比较麻烦
    //javaScript使用le表达式获取数据,加个双引号就可以了,别的不可以直接拿
    if(parseInt(pageNum)>parseInt("${pageNation.totalPages}")){

        alert("超出最大页码"+parseInt("${pageNation.totalPages}"));
        //document.getElementById("num").value="${pageNation.totalPages}";//最大页码
        //document.getElementById("num").value="${pageNation.pageNum}";//当前页码
        return ;
    }


    location.href="${pageContext.request.contextPath}/listAllCustomerServlet?pageNum="+pageNum;

}

如何在JSP代码中利用el表达式,加双引号不加是不可以用的!!!

alert("超出最大页码"+parseInt("${pageNation.totalPages}"));
        //document.getElementById("num").value="${pageNation.totalPages}";//最大页码
        //document.getElementById("num").value="${pageNation.pageNum}";//当前页码
public class Pagenation {

    private int pageNum = 1;// 当前页码,默认从第一页开始

    private int pageSize = 10;// 每页显示的数目,默认是10,模仿百度

    private int totalPages;// 一共多少页

    private int beforePage;// 上一页

    private int nextPage;// 下一页

    private int pageBar[];// 每次查询分页栏显示的页码

    private List<Customer> customers;// 每页查询的分页记录的数据

    private long totalCount;// 总工多少条数据//来自数据查询,业务层封装

    private int startIndex;// 起始页

    public int getStartIndex() {

        this.startIndex = (this.pageNum - 1) * this.pageSize;

        return this.startIndex;
    }

    public int getPageNum() {
        return pageNum;
    }

    public void setPageNum(int pageNum) {
        this.pageNum = pageNum;
    }

    public int getPageSize() {
        return pageSize;
    }

    public void setPageSize(int pageSize) {
        this.pageSize = pageSize;
    }

    // 总页数可以计算出来的,这样就不要再业务层计算,比较简单
    public int getTotalPages() {

        this.totalPages = ((int) this.totalCount + this.pageSize - 1) / this.pageSize;
        return totalPages;
    }

    /**
     * 上一页
     * 
     * 
     * @return
     */
    public int getBeforePage() {

        this.beforePage = this.pageNum - 1;

        // 如果当前页已经是第一页,那么上一页也是第一页本身
        if (this.pageNum == 1) {
            this.beforePage = 1;
        }
        return this.beforePage;
    }

    /**
     * 下一页
     * 
     * @return
     */
    public int getNextPage() {

        this.nextPage = this.pageNum + 1;

        // 如果当前页已经是最后一页,那么下一页就是它本身
        if (this.nextPage >= this.totalPages) {
            this.nextPage = this.totalPages;
        }

        return this.nextPage;
    }

    public int[] getPageBar() {

        int beginPage;// 起始页码

        int endPage;// 结束页码

        // 如果总页数少于10页
        if (this.totalPages <= 10) {
            beginPage = 1;
            endPage = this.totalPages;
        } else {

            beginPage = this.pageNum - 5;
            endPage = this.pageNum + 4;

        }

        // 如果起始页小于0
        if (beginPage <= 0) {

            beginPage = 1;
            endPage = beginPage + 9;
        }

        // 如果结束页 大于总页数
        if (endPage >= this.totalPages) {

            endPage = this.totalPages;
            beginPage = this.totalPages - 9;
        }

        this.pageBar = new int[endPage - beginPage + 1];
        int index = 0;
        for (int i = beginPage; i <= endPage; i++) {

            this.pageBar[index++] = i;
        }

        return this.pageBar;
    }

    public List<Customer> getCustomers() {
        return customers;
    }

    public void setCustomers(List<Customer> customers) {
        this.customers = customers;
    }

    public long getTotalCount() {
        return totalCount;
    }

    public void setTotalCount(long totalCount) {
        this.totalCount = totalCount;
    }

}

业务层的方法解析:业务层知识查询了总的记录数,和分页查询,其他的都是进行计算的!!!

public void pageQueryCustomers(Pagenation pageNation) {
//查询所有的数据条数       pageNation.setTotalCount(customerDao.getTotalCounts());
// select * from Customers limit ?,? ;
//pageNation.setCustomers(customerDao.pageQuery(pageNation.getPageNum(),
// pageNation.getPageSize()));
//根据当前页码,和每页大小进行分页查询          pageNation.setCustomers(customerDao.pageQuery(pageNation.getStartIndex(), pageNation.getPageSize()));
    }

关于页码最后的跳转框
1.默认情况下是显示当前的页码
2.当有输入的时候根据输入的页码传递给后台进行查询

<input type="text" value="${ pageNation.pageNum}" id="num" style="width: 30px ">
        <input type="button" value="确认" onclick="go(document.getElementById('num').value);">
function go(pageNum){

    /* //非数字 负数,但是小数搞不定
    if(isNaN(pageNum)||parseInt(pageNum)<=0){

    } */

    if(parseInt(pageNum)!=pageNum||parseInt(pageNum<=0)){
        alert("请输入有效的数值");

        return ;
    }
    //如果输入的数值超出最大页码 js去获取request里面的数据
    //在这里不可以用el表达式,那比较麻烦
    //javaScript使用le表达式获取数据,加个双引号就可以了,别的不可以直接拿
    if(parseInt(pageNum)>parseInt("${pageNation.totalPages}")){

        alert("超出最大页码"+parseInt("${pageNation.totalPages}"));
        //document.getElementById("num").value="${pageNation.totalPages}";//最大页码
        //document.getElementById("num").value="${pageNation.pageNum}";//当前页码
        return ;
    }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章