今天,我為大家帶來的一款做得非常優秀的分頁插件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));
就先這樣吧。