Bootstrap Paginator分页插件的使用

时间：2021-01-20 05:13:18

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

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

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

　　为了使用Bootstrap分页控件，我们要引入相应的文件Bootstrap Paginator分页插件的使用

　　

<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使用的；另一个问题也是我常犯的，都犯了好几次的，被这个问题坑死了

Bootstrap Paginator分页插件的使用

　这里，会出现每次查询得到的数据都是起始页的数据，因为每次执行的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));

　　就先这样吧。

　　

相关文章