Comment implémenter la pagination des requêtes PHP-tutoriel php-php.cn

Comment implémenter la pagination des requêtes PHP

小云云

Libérer： 2023-03-21 21:04:01

original

2104 Les gens l'ont consulté

Code HTML Cet article partage principalement avec vous la méthode d'implémentation de la pagination des requêtes PHP. Le backend est basé sur le framework thinkphp et le frontend nécessite le plug-in dataTables. J'espère que tout le monde pourra le faire.

La première étape consiste à introduire le plug-in

<!-- 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>

Copier après la connexion

La deuxième étape consiste à ajouter

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

Copier après la connexion

La troisième étape est JS

<script>
    $(document).ready( function () {
        $(&#39;#table_id_example&#39;).DataTable();
    } );
   </script>

Copier après la connexion

Code PHP

ublic function gonggaochakan(){
    /* 公告查看
     */
    $dbNotice = M(&#39;notice&#39;);//实例化dbNotice对象
    $count      = $dbNotice->count();// 查询满足要求的总记录数
    $Page       = new \Think\Page($count,$count);// 实例化分页类 传入总记录数和每页显示的记录数(全部记录)
    $data = $dbNotice->order(&#39;create_time&#39;)->limit($Page->firstRow.&#39;,&#39;.$Page->listRows)->select();//获得所有记录
    $this->assign(&#39;notice&#39;,$data);//传给模板
    $this->show();
}

Copier après la connexion

Effet