效果如圖所示:

layui版本:2.2.5
$nPageSize=5; //每頁條數 $strSQL = "select count(*) as n from msgboard"; $rst = $pdo->query($strSQL); $rstInfo=$rst->fetch(); $nTotalRecord=$rstInfo["n"]; //總記錄條數 //echo($nTotalRecord); if(isset($_REQUEST["page"])){ $page=$_REQUEST["page"]; } else{ $page=1; } $nTocalPages=ceil($nTotalRecord/$nPageSize); //總頁數 if($nTocalPages==0){ $nTocalPages=1; } if($page<=0){ $page=1; } if($page>$nTocalPages){ $page=$nTocalPages; } //echo($page); $nStart=($page-1)*$nPageSize; //起始條數 //使用limit m,n m是指記錄開始的index,從0開始,表示第一條記錄。n是指從第m+1條開始,取n條。 $strSQL = "select * from msgboard order by id desc limit {$nStart},{$nPageSize}"; //根據id倒敘排序 //echo($strSQL); $rst = $pdo->query($strSQL);
寫一個div放置分頁工具欄
<div id="paging"></div>
調用layui
layui.use(['laypage','layer'],function(){ var laypage=layui.laypage ,layer=layui.layer; //自定義樣式 laypage.render({ elem:'paging' ,limit:<?php echo($nPageSize) ?>//每頁條數 ,count:<?php echo($nTotalRecord) ?>//數據總數 ,curr:<?php echo($page) ?> ,layout:['prev','page','next','count']//自定義排版。可選值有:count(總條目輸區域)、prev(上一頁區域)、page(分頁區域)、next(下一頁區域)、limit(條目選項區域)、skip(快捷跳頁區域) ,theme:'#1E9FFF' ,jump:function(obj,first){ //首次不執行 if(!first){ location.href="index.php?page="+obj.curr; } } }) });
版權聲明:本文為博主原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接和本聲明。
