1. 程式人生 > >這次是分頁,看在我終於會的面子上,算是原創吧,哈哈哈

這次是分頁,看在我終於會的面子上,算是原創吧,哈哈哈


解釋原理先  

分頁,就是將你需要的查詢結果,連同幾個變數,傳到前臺,就是這麼簡單。

舉例說,你需要查詢班級總共人數,以及每個人的詳情, 那麼你還需要額外計算幾個變數,比如,“記錄(也就是班級人數)”的總條數,一頁需要展現幾條(由你自己定)D,還有當前頁 以及總頁數。

總條數好弄  ,sql 語句查詢一個select count(0) from 表名 ,

當前頁 :需要前臺傳過來

總頁數 : 總條數%一頁展現的條數 ,如果能餘盡,那麼就是總條數  除以 一頁展現的條數  ,不然就是 總條數  除以 一頁展現的條數 +1


前臺需要有框架,我用的是<script type="text/javascript" src="/p2p-web/js/plugins/jquery.twbsPagination.min.js"></script>這個


      <div style="text-align: center;">
   <!--分頁條 -->
<ul id="pagination-bar" class="pagination"></ul>
</div>

如下圖所示

命令則是這樣的 $("#pagination-bar").twbsPagination({
totalPages:${pagination.totalPages},
visablePages:5,
startPage:${pagination.currentPage},
onPageClick:function(event,page){

$("#currentPage").val(page);
   $("#searchForm").submit();
 }
});
這樣就可以完成分頁了