HTML代碼本文主要和大家分享PHP查詢分頁的實現方法,後端基於thinkphp架構前端需要dataTables外掛程式,希望能辦這個胡到大家。
第一步引入外掛程式
<!-- DataTables CSS --><link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.css"><!-- jQuery --><script type="text/javascript" charset="utf8" src="http://code.jquery.com/jquery-1.10.2.min.js"></script><!-- DataTables --><script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.15/js/jquery.dataTables.js"></script>
第二步添加
<table id="table_id_example" class="display"> <thead> <tr> <th>ID</th> <th>發布時間</th> <th>發布IP</th> <th>公告內容</th> </tr> </thead> <tbody> <volist name="notice" id="vo"> <tr> <td>{$vo.id}</td> <td>{$vo.create_time}</td> <td>{$vo.create_ip}</td> <td>{$vo.notice_content}</td> </tr> </volist> </tbody></table>
第三步JS
<script> $(document).ready( function () { $('#table_id_example').DataTable(); } ); </script>
PHP代碼
ublic function gonggaochakan(){ /* 公告查看 */ $dbNotice = M('notice');//執行個體化dbNotice對象 $count = $dbNotice->count();// 查詢滿足要求的總記錄數 $Page = new \Think\Page($count,$count);// 執行個體化分頁類 傳入總記錄數和每頁顯示的記錄數(全部記錄) $data = $dbNotice->order('create_time')->limit($Page->firstRow.','.$Page->listRows)->select();//獲得所有記錄 $this->assign('notice',$data);//傳給模板 $this->show();}
效果