对上篇基于SSM的图书管理系统进行分页

一、在bean中加入分页类BaseBean

1、currentPage表示当前页
2、pageSize表示一页的数据展示数量

public class BaseBeen {
    private int currentPage =1;//当前页
    private int pageSize=5;//一页的展示数量
    private int start;

    public int getCurrentPage() {
        return currentPage;
    }

    public void setCurrentPage(int currentPage) {
        this.currentPage = currentPage;
    }

    public int getPageSize() {
        return pageSize;
    }

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

    public int getStart() {
        return start;
    }

    public void setStart(int start) {
        this.start = start;
    }
}
二、让图书类BookBean继承于BaseBean
三、新建一个util包,在里面添加分页工具类Paging:
public class Paging {

    public static String getPage(BaseBeen baseBean, int count, String url, Map<String,String[]> map) {
        int pageSize = baseBean.getPageSize(); //获取每页的数量
        int pageCount = count%pageSize==0?count/pageSize:count/pageSize+1;//计算总页数

        if(pageCount==0){ //如果总页数是0,就没有分页
            return "";
        }
        //获取当前页码
        int currentPage = baseBean.getCurrentPage();
        //如果当前页大于总页数, 将当前页设置为最后一页
        if(currentPage>pageCount){
            currentPage=pageCount;
        }
        //如果当前页小于等于0,将当前页设置为1
        if(currentPage<=0){
            currentPage=1;
        }
        //计算分页的起始位置
        int start = (currentPage-1)*pageSize; // 计算开始位置
        //将计算好的起始位置存到 Javabean,便于之后查询数据
        baseBean.setStart(start);

        //用户如果带有参数, name我们拼接的url上页也应该带着参数, 这样点击的时候, 请求后台时,才能把参数带过去, 获取的结果,也是条件筛选的结果
        StringBuilder sb = new StringBuilder(url);
        sb.append("?"); //将原来的url和?拼接到一起, 形成一个头
        //遍历request中的参数, 将key和value拼接成请求  key=value&
        for (Map.Entry<String, String[]> entry : map.entrySet()) {
            String key = entry.getKey();
            //因为下面已经拼接了当前页面,那么,currentPage就不需要在这里拼接了
            if(!"currentPage".equals(key)){
                String[] values = entry.getValue();
                //请求时,可能有一个参数名对应多个值的情况
                for (String value : values) {
                    sb.append(key.concat("=").concat(value).concat("&"));
                }
            }
        }
        url = sb.toString(); //将拼接好的StringBuilder转成字符串,已备使用

        //拼接按钮
        sb = new StringBuilder();

        //如果当前页是第一页, 首页和上一页都不能点击
        if(currentPage==1){
            sb.append("<button><a >首页</a></button>");
            sb.append("<button><a >上一页</a></button>");
        }else{
            sb.append("<button><a href='"+url+"currentPage=1'>首页</a></button>");
            sb.append("<button><a href='"+url+"currentPage="+(currentPage-1)+"'>上一页</a></button>");
        }
        //遍历拼接页码
        if(pageCount<=7){
            for (int i = 1; i <= pageCount; i++) {
                if(i==currentPage){
                    sb.append("<button><a >"+i+"</a></button>");
                }else{
                    sb.append("<button><a href='"+url+"currentPage="+i+"'>"+i+"</a></button>");
                }
            }
        }else{
            //在多页面情况下会有省略好,我们使用保持按钮的总数是9个, 当前页的前后两个显示显示出来,当前页的前后第三个用省略号代替
            //但是,但用户点击到第一页时, 后面之后两个按钮和一个省略号,总数不足9个, 当前页前面不够了, 之后再后面多显示几个按钮
            int n = 2;
            if(currentPage==1||currentPage==pageCount){
                n = 5;
            }else if(currentPage==2||currentPage==pageCount-1){
                n = 4;
            }else if(currentPage==3||currentPage==pageCount-2){
                n = 3;
            }
            for (int i = 1; i <= pageCount; i++) {
                if(i==currentPage){
                    sb.append("<button><a >"+i+"</a></button>");
                }else if(i>=currentPage-n&&i<=currentPage+n){
                    sb.append("<button><a href='"+url+"currentPage="+i+"'>"+i+"</a></button>");
                }else if(i==currentPage-(n+1)||i==currentPage+(n+1)){
                    sb.append("<button><a >...</a></button>");
                }
            }
        }

        //如果当前页时最后一页,那么下一页和尾页都不能点击
        if(currentPage==pageCount){
            sb.append("<button><a >下一页</a></button>");
            sb.append("<button><a >尾页</a></button>");
        }else{
            sb.append("<button><a href='"+url+"currentPage="+(currentPage+1)+"'>下一页</a></button>");
            sb.append("<button><a href='"+url+"currentPage="+pageCount+"'>尾页</a></button>");
        }

        //拼接跳转页面按钮和js代码
        sb.append("<input id='pageNum' type='number'/><button onclick='toPage()'>跳转</button>");
        sb.append("<script>function toPage(){" +
                "location.href='"+url+"currentPage='+document.getElementById('pageNum').value"+
                "}</script>");
        sb.append("<span>共 "+pageCount+" 页</span>");
        return sb.toString();
    }
}
四、在BookMapper.xml添加SQL语句,获取所有图书数量以及分页查询图书
<!--查询全部图书(进行展示),以及分页展示-->
    <select id="getAllBooks" resultType="com.qianfeng.bean.BookBean">
        select * from springmvcbook limit #{start},#{pageSize}
    </select>
<!--获取图书数量,便于分页-->
    <select id="getBookCount" resultType="int">
        select count (1) from springmvcbook
    </select>
五、dao接口编写
/*查询全部图书(进行展示),以及分页展示*/
    List<BookBean> getAllBooks(BookBean bookBean);

/*获取图书数量,用于分页*/
    int getBookCount();
六、service层编写
public List<BookBean> getAllBooks(BookBean bookBean){
        return bookDao.getAllBooks(bookBean);
    }

public int getBookCount(){
        return bookDao.getBookCount();
    }
七、在controller里的查询所有图书展示的方法代码里加入分页代码

1、想要点击下一页时数据变化,一定要将注意执行顺序,即分页的这几行代码要放在展示代码之上。原因是如果顺序不对就会在执行分页之前就执行了查询语句,start不变,查的一直是limit(0,5)
2、向bookService.getAllBook(bookBean)中放bookBean,是为了 获取start,pageSize,currentPage分页,因为bookBean继承于BaseBeen

/*
    * 查询所有图书展示
    * */
    @RequestMapping("/book")
    public String getAllBooks(HttpSession session, HttpServletRequest request,BookBean bookBean){

        /*
         * 想要点击下一页时数据变化,一定要将注意执行顺序,
         * 即分页的这几行代码要放在展示代码之上。原因是如果顺序不对就会在执行分页之前就
         * 执行了查询语句,start不变,查的一直是limit(0,5)
         * */
        int count = bookService.getBookCount();
        String paging = Paging.getPage(bookBean,count,"/book",request.getParameterMap());
        session.setAttribute("paging",paging);

        /*
         * 向bookService.getAllBook(bookBean)中放bookBean,是为了
         * 获取start,pageSize,currentPage分页,因为bookBean
         * 继承于BaseBeen
         * */
        List<BookBean> list =  bookService.getAllBooks(bookBean);
        session.setAttribute("list",list);
        return "book.jsp";
    }
八、将分页按钮放在页面展示
<div id="paging">${paging}</div>

效果图如下:


书架.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容

  • 一、数据库概述 什么是数据库数据库就是存储数据的仓库,其本质是一个文件系统,数据按照特定的格式将数据存储起来,用户...
    圣贤与无赖阅读 3,912评论 0 4
  • 昨天不知道是不是一杯奶茶的缘故,导致我夜里一点依旧无法入睡,眼皮很困,但是大脑却很精神,想了一堆乱七八糟的事,想到...
    米娅Miya_35f7阅读 287评论 0 0
  • 李丹离婚的时候,最小的儿子只有三岁,从丈夫家那栋三层楼的别墅搬出来的时候,她强忍住泪水,没有回头,她怕孩子们问;妈...
    简语流年阅读 261评论 0 1
  • 二货媳妇正在家里的卫生间中,公司领导的秘书打来电话,二货哥接着。 秘书:“快要您媳妇接电话,领导找她有要紧事!” ...
    老罗xt阅读 372评论 0 3
  • 回忆起童年,只是觉得幼稚好笑。 可再仔细回味,却觉得其乐无穷。 其中大概是隐含着一些童年的无知,童年的趣事吧! 现...
    贾佳颖阅读 192评论 0 5