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