zoukankan      html  css  js  c++  java
  • Bootstrap Paginator分页插件的使用

      今天,我为大家带来的一款做得非常优秀的分页插件BootStrap Paginator,他是一款js插件,由于本人也是才刚刚搞出来的,所以暂时对它也不是特别了解,只能大楖告诉大家怎么使用。我这里使用的是jsp结合BootStrap Paginator的使用。

      多余的我就不说了,直接来点刺激点的。这里我也只贴关键性的代码

      这是相应文件的目录结构,大家解压后,先整理成如下结构:

      为了使用Bootstrap分页控件,我们要引入相应的文件文件目录结构

      

    <link href="${ctx}/bootstrappaginator/css/bootstrap.css" rel="stylesheet">
      	  <script src="${ctx}/js/jquery-1.8.3.js"></script>
      	  <script src="${ctx}/bootstrappaginator/lib/bootstrap.js"></script>
      	  <script src="${ctx}/bootstrappaginator/js/bootstrap-paginator.min.js"></script> 
    
       <div id="example"></div>
        <script type='text/javascript'>
            var options = {
                alignment:'center',
                currentPage:'${param.pageNo}',
                numberOfPages:5,
                totalPages: '${requestScope.page.pageCount}',
                pageUrl: function(type, page, current){
                			return "${ctx}/servlet/StudentServlet?pageNo="+page;  
                }
      
                }
            };
            $('#example').bootstrapPaginator(options);
        </script>
    

      这里注意,必须引入jquery,且必须是1.8以上的,还有currentPage,totalPages,pageUrl为必填属性

      其它属性大家如果想调整的话,可以去这里查看相应的的属性,到这里差不多就可了。

    下面我分享一下自己在学习这个过程里遇到的问题,不能实现下一页,上一页的切切换,并且上一页下一页每次都为同一个值,当时找我了好久,一直没有找到,后来我发现是少了currentPage这个属性,并且要注意这个属性为动态获取的,就是传递当前页面pageNo使用的;另一个问题也是我常犯的,都犯了好几次的,被这个问题坑死了

     这里,会出现每次查询得到的数据都是起始页的数据,因为每次执行的sql语句都是是"select * from student limit 0,10"

     limit的使用方法是:mysql数据库 limit 起始记录行数,每页显示记录数 

     接着分享一下orcle实现分页的语句

     

    rs = stat.executeQuery("SELECT * FROM (" +
    									"SELECT A.*, ROWNUM RN FROM (" +
    										"SELECT * FROM u_user) A " +
    									"WHERE ROWNUM <= "+(page.getPageNo() * page.getPageSize())+ ")" +
    								"WHERE RN >= "+ ((page.getPageNo() - 1) * page.getPageSize() + 1));
    

      就先这样吧。

      

  • 相关阅读:
    权限框架之Shiro详解(非原创)
    MySQL数据库基础详解(非原创)
    ssm(Spring、Springmvc、Mybatis)实战之淘淘商城-第十四天(非原创)
    ssm(Spring、Springmvc、Mybatis)实战之淘淘商城-第十三天(非原创)
    nginx配置location与rewrite规则教程
    CentOS7安装MySQL 5.7
    MySQL 5.6 解决InnoDB: Error: Table "mysql"."innodb_table_stats" not found.问题
    公文流转系统(未完成)
    对java异常的总结及java项目中的常用的异常处理情况
    课堂动手动脑验证以及自定义异常类实现对异常处理——java异常类
  • 原文地址:https://www.cnblogs.com/liuyq/p/3504897.html
Copyright © 2011-2022 走看看