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));

  就先這樣吧。

 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM