快捷導(dǎo)航

用php實(shí)現(xiàn)分頁(yè)效果的示例代碼

更新時(shí)間：2020年12月10日 09:31:58 作者：明明一顆大白菜

分頁(yè)效果在網(wǎng)頁(yè)中是常見(jiàn)的，可是怎樣才能實(shí)現(xiàn)分頁(yè)呢，今天做了兩種方法來(lái)實(shí)現(xiàn)一下分頁(yè)的效果，本文通過(guò)實(shí)例圖文相結(jié)合給大家介紹的非常詳細(xì)，需要的朋友參考下吧

分頁(yè)效果在網(wǎng)頁(yè)中是常見(jiàn)的，可是怎樣才能實(shí)現(xiàn)分頁(yè)呢，今天做了兩種方法來(lái)實(shí)現(xiàn)一下分頁(yè)的效果

首先，我們需要準(zhǔn)備在數(shù)據(jù)庫(kù)里面準(zhǔn)備一個(gè)表，并且插入數(shù)據(jù)，這些都是必需的前提工作了，不多說(shuō)，如圖所示（庫(kù)名為jereh,表名為n_content）：

步驟分析：

我們需要分頁(yè)的話，需要用到 "select * from tableName limit num1,num2”;這是一個(gè)限定查詢的語(yǔ)句，后面跟兩個(gè)參數(shù)，num1為從第幾個(gè)開(kāi)始查找，num2為查找的信息的個(gè)數(shù)，如我想查找2,3,4這三條數(shù)據(jù)，如下圖所示

好了，我們開(kāi)始說(shuō)步驟：

1.建立一個(gè)函數(shù)，用來(lái)實(shí)現(xiàn)限制查詢的功能

首先我們來(lái)想一下，實(shí)現(xiàn)這個(gè)功能我們首先要知道當(dāng)前的頁(yè)數(shù)和要限制的一個(gè)頁(yè)面顯示幾條信息，這個(gè)可以用形參傳過(guò)來(lái)，那么，

我們?cè)O(shè)置pageNum為頁(yè)數(shù)，pageSize為一個(gè)頁(yè)面顯示幾條數(shù)據(jù)，在"select * from tableName limit num1,num2”這個(gè)查詢語(yǔ)句中，

num1就是（pageNum-1）*pageSize,num2就是pageSize,明白了這個(gè)關(guān)系之后，那么就好辦了，代碼在下面

//分頁(yè)的函數(shù)
function news($pageNum = 1, $pageSize = 3)
{
  $array = array();
  $coon = mysqli_connect("localhost", "root");
  mysqli_select_db($coon, "jereh");
  mysqli_set_charset($coon, "utf8");
  // limit為約束顯示多少條信息，后面有兩個(gè)參數(shù)，第一個(gè)為從第幾個(gè)開(kāi)始，第二個(gè)為長(zhǎng)度
  $rs = "select * from n_content limit " . (($pageNum - 1) * $pageSize) . "," . $pageSize;
  $r = mysqli_query($coon, $rs);
  while ($obj = mysqli_fetch_object($r)) {
    $array[] = $obj;
  }
  mysqli_close($coon,"jereh");
  return $array;
}

上面的代碼中，值得注意的是，limit后面一定要加一個(gè)空格，不然會(huì)出錯(cuò)誤；

2.建立第二個(gè)函數(shù)，用來(lái)顯示總頁(yè)數(shù)的函數(shù)

這個(gè)沒(méi)什么新的知識(shí)點(diǎn)，都是以前寫(xiě)過(guò)的知識(shí)點(diǎn)了，直接看代碼吧

//顯示總頁(yè)數(shù)的函數(shù)
function allNews()
{
  $coon = mysqli_connect("localhost", "root");
  mysqli_select_db($coon, "jereh");
  mysqli_set_charset($coon, "utf8");
  $rs = "select count(*) num from n_content"; //可以顯示出總頁(yè)數(shù)
  $r = mysqli_query($coon, $rs);
  $obj = mysqli_fetch_object($r);
  mysqli_close($coon,"jereh");
  return $obj->num;
}

3.調(diào)用這兩個(gè)函數(shù)，進(jìn)行初步的處理

我們想做下一頁(yè)下一頁(yè)的結(jié)果，需要用到get方法在本頁(yè)面?zhèn)鲾?shù)據(jù)，那么我們?cè)谒⑿马?yè)面的時(shí)候，肯定get是得不到數(shù)據(jù)的，所以需要用三目運(yùn)算了，看代碼了

<?php
  @$allNum = allNews();
  @$pageSize = 3; //約定每頁(yè)顯示的信息條數(shù)
  @$pageNum = empty($_GET["pageNum"])?1:$_GET["pageNum"];
  @$endPage = ceil($allNum/$pageSize); //總頁(yè)數(shù)
  @$array = news($pageNum,$pageSize);
  ?>

4.在頁(yè)面進(jìn)行顯示

在頁(yè)面顯示的話，需要用到了foreach循環(huán)了，代碼簡(jiǎn)單，看下面

<table border="1" style="text-align: center" cellpadding="0">
  <tr>
    <td>編號(hào)</td>
    <td>新聞標(biāo)題</td>
    <td>來(lái)源</td>
    <td>點(diǎn)擊率</td>
    <td>發(fā)布日期</td>
  </tr>
  <?php
  foreach($array as $key=>$values){
    echo "<tr>";
    echo "<td>{$values->id}</td>";
    echo "<td>{$values->title}</td>";
    echo "<td>{$values->src}</td>";
    echo "<td>{$values->indexs}</td>";
    echo "<td>{$values->times}</td>";
    echo "</tr>";
  }
  ?>
</table>

5.實(shí)現(xiàn)上一頁(yè)，下一頁(yè)的效果

要實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的效果，我們需要用到了a標(biāo)簽的href屬性，地址寫(xiě)“？pageNum = ...”這個(gè)pageNum是我們自己定義的，由于是get來(lái)傳遞的，在上一步里面我們已經(jīng)用$_GET接受了參數(shù),所以我們只需要進(jìn)行g(shù)et的參數(shù)傳遞就可以了；

首頁(yè)：“pageNum=1”;

上一頁(yè)："pageNum=<?php echo $pageNum==1?1:$pageNum-1?>"

下一頁(yè)："pageNum=<?php echo $pageNum==$endPage?$endPage:$pageNum+1?>"

尾頁(yè)：“pageNum=<?php echo $pageNum =$endPage?>”;

特別注意的是，”pageNum=”的時(shí)候后面千萬(wàn)千萬(wàn)不要空格，代碼如下

 <a href="?pageNum=1">首頁(yè)</a>
  <a href="?pageNum=<?php echo $pageNum==1?1:($pageNum-1)?>">上一頁(yè)</a>
  <a href="?pageNum=<?php echo $pageNum==$endPage?$endPage:($pageNum+1)?>">下一頁(yè)</a>
  <a href="?pageNum=<?php echo $endPage?>">尾頁(yè)</a>

總的代碼如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>分頁(yè)</title>
  <?php

//分頁(yè)的函數(shù)
function news($pageNum = 1, $pageSize = 3)
{
  $array = array();
  $coon = mysqli_connect("localhost", "root");
  mysqli_select_db($coon, "jereh");
  mysqli_set_charset($coon, "utf8");
  // limit為約束顯示多少條信息，后面有兩個(gè)參數(shù)，第一個(gè)為從第幾個(gè)開(kāi)始，第二個(gè)為長(zhǎng)度
  $rs = "select * from n_content limit " . (($pageNum - 1) * $pageSize) . "," . $pageSize;
  $r = mysqli_query($coon, $rs);
  while ($obj = mysqli_fetch_object($r)) {
    $array[] = $obj;
  }
  mysqli_close($coon,"jereh");
  return $array;
}

//顯示總頁(yè)數(shù)的函數(shù)
function allNews()
{
  $coon = mysqli_connect("localhost", "root");
  mysqli_select_db($coon, "jereh");
  mysqli_set_charset($coon, "utf8");
  $rs = "select count(*) num from n_content"; //可以顯示出總頁(yè)數(shù)
  $r = mysqli_query($coon, $rs);
  $obj = mysqli_fetch_object($r);
  mysqli_close($coon,"jereh");
  return $obj->num;
}

  @$allNum = allNews();
  @$pageSize = 3; //約定沒(méi)頁(yè)顯示幾條信息
  @$pageNum = empty($_GET["pageNum"])?1:$_GET["pageNum"];
  @$endPage = ceil($allNum/$pageSize); //總頁(yè)數(shù)
  @$array = news($pageNum,$pageSize);
  ?>
</head>
<body>
<table border="1" style="text-align: center" cellpadding="0">
  <tr>
    <td>編號(hào)</td>
    <td>新聞標(biāo)題</td>
    <td>來(lái)源</td>
    <td>點(diǎn)擊率</td>
    <td>發(fā)布日期</td>
  </tr>
  <?php
  foreach($array as $key=>$values){
    echo "<tr>";
    echo "<td>{$values->id}</td>";
    echo "<td>{$values->title}</td>";
    echo "<td>{$values->src}</td>";
    echo "<td>{$values->indexs}</td>";
    echo "<td>{$values->times}</td>";
    echo "</tr>";
  }
  ?>
</table>
<div>
  <a href="?pageNum=1">首頁(yè)</a>
  <a href="?pageNum=<?php echo $pageNum==1?1:($pageNum-1)?>">上一頁(yè)</a>
  <a href="?pageNum=<?php echo $pageNum==$endPage?$endPage:($pageNum+1)?>">下一頁(yè)</a>
  <a href="?pageNum=<?php echo $endPage?>">尾頁(yè)</a>

</div>

</body>
</html>

效果如下：