用PHP實現網頁開發中的翻頁跳轉

來源:互聯網
上載者:User

我們都知道用 php+mysql 在 web 頁實現資料庫資料全部顯示是非常簡單而有趣的,資料庫資料很少的情況下頁面顯示還是讓人滿意的,但是當資料庫資料非常多的情況下,頁面的顯示情況將會變的非常糟,下面就來介紹一下如何?當前頁面資料資料顯示數量及如何?動態翻轉功能。

這裡將介紹兩種翻頁顯示功能的實現:

先介紹一下在翻頁中用到的資料庫文法:

mysql_query("select * from table order by id desc");
  
這條資料庫語句再熟悉不過了,是用來搜尋記錄並倒序地顯示出來,但並不能在翻頁功能中起作用,而下面這個擴充了的文法才是實現翻頁的核心功能:

mysql_query("select * from table order by id desc limit $start,$limit");
  
這裡的 $start 是資料庫搜尋的起始行,$limit 是從起始行開始搜尋到 $limit 條記錄結束,好了,有了這個核心功能後,我們可以開始翻頁功能了;

這裡介紹的功能是翻頁功能中最簡單的一種,只能實現向前翻頁和向後翻頁,本站的非常新聞和下載中心的翻頁功能就是這種。

先介紹翻頁功能實現的思路:

先確定當前頁固定顯示的資料記錄數量,假設為 20 條記錄,設定 $limit 的值為 20:$limit=20;

顯示資料庫記錄時,必須是從第一條開始顯示,所以這裡設定 $start 的初始值為 0:$start=0;

而翻頁功能的實現依賴 $start 的動態變化,當向後翻頁時 $start 規律地加上 $limit:$start+$limit;而向前翻頁時 $start 則規律地減去 $limit:$start-$limit;

有了以上的思路後,可以開始設計程式了 page.php:

以下為引用的內容:
<?
//設定當前頁顯示的數量(這個數量可任意設定)
$limit=20;
//初始化資料庫搜尋起始記錄
if (!empty($start)) $start=0;
mysql_connect("localhost","","");
mysql_select_db(database);
//設定資料庫記錄總數
$result=mysql_query("select * from table");
$num_max=mysql_numrows($result);
$result=mysql_query("select * from table order by id desc limit $start,$limit);
$num=mysql_numrows($result);
echo "<table><tr><td>翻頁功能</td></tr>";
if (!empty($num)) {
for ($i=0;$i<$num;$i++) {
$val=mysql_result($result,$i,"val");
$val1=mysql_result($result,$i,"val1");
echo "<tr><td>$val</td><td>$val1</td></tr>";
}
}
echo "<tr><td>";
//設定向前翻頁的跳轉
$prve=$start-$limit;
if ($prve>=0) {
echo "<a href=page.php?start=$prve>prve</a>";
}
//設定向後翻頁的跳轉
$next=$start+$limit;
if ($next<$num_max) {
echo "<a href=page.php?start=$next>next</a>";
}
echo "</td></tr></table>";
?>


 
一個前翻,後翻功能的程式完成了。但這個功能對處理更多資料顯示時,將會顯得很累贅。下面將會繼續介紹功能更強大,更加複雜的翻頁功能--迴圈翻頁(我一直都這麼叫,因為找不到更合適的叫法)。

前面介紹了簡單的翻頁功能實現,下面介紹的翻頁功能更加強大,更加複雜,本站的非常論壇和非常文章就是使用這個迴圈翻頁功能的。迴圈翻頁是前翻後翻加上數字共同實現的,具體的表現形式為:

頁: prve <<1 2 3 4 ....... 20 >> next

裡面的數字表示各當前的頁面,前翻 prve 和後翻 next 已不僅僅是當前頁的前後翻轉,而是更加複雜的數字控制前後翻轉。

同以往一樣,在進行程式設計之前,先理清一下思路,我建議讀者在看完如何?迴圈翻頁的功能後,能自己動手實踐一次,因為這裡研究的一些方法和思路可能比較抽象。

首先我們大膽假設資料庫裡存有超過 1000 條的記錄,我們希望當前顯示 25 條記錄,而數字翻轉控製為 20,因此就有如下的顯示結果:

頁: 0 1 2 3 ......... 19 >> next

後翻後的顯示結果:

頁: prve <<20 27 28 ....... 49 >> next

好,我們來看看其中的規律,一個固定的顯示數字 25,一個固定的數字控制倍翻 20。我們可以利用這兩個數字來實現迴圈翻頁功能;

首先設定固定顯示的變數:
$limit=20;

資料庫初始變數的設定:
$start=0;

資料庫記錄總數為:$num;

頁數變數:$page;

一個頁數迴圈顯示的程式如下:

以下為引用的內容:
<?
...
$result=mysql_query("select * from table");
$num=mysql_numrows($result);
for ($page=0;$page<($num/$limit);$page++) {
echo $page;
if ($page>0 && ($page%20)==0) {
break; //退出迴圈
}
}
?>

  
這段代碼除了顯示數字外,其它功能一概沒有實現,因為多了數字控制翻轉,所以必須要有幾個變數來標記並識別這些控制量,這裡用了 $s 來標記;這個變數是用來控制數字迴圈翻頁控制的,現在可以看看實現迴圈翻頁的完整代碼 page.php:

以下為引用的內容:
<?
$limit=25;
if (!empty($start)) $start=0;
if (!empty($s)) $s=0;
mysql_connect("localhost","","");
mysql_select_db(database);
//統計資料庫記錄總數
$result=mysql_query("select * from table");
$num=mysql_numrows($result);
$result=mysql_query("select * from table order by id limit $start,$limit");
$numb=mysql_numrows($result);
echo "<table>";
if (!empty($numb)) {
for($i=0;$i<$numb;$i++) {
$val=mysql_result($result,$i,"val");
$val1=mysql_result($result,$i,"val1");
echo "<tr><td>$val</td><td>$val1</td></tr>";
}
}
echo "</table>";
//數字迴圈翻頁的控制
echo "<table>";
echo "<tr><td>頁:</td>";
//前翻控制
if ($s>20) {
if ($s==21) {
$st=$s-21;
} else {
$st=$s-20;
}
$pstart=$st*$limit;
echo "<td><a href=page.php?";
echo "start=$pstart&s=$st>prve</a></td>";
}
echo "<td> >></td>";
//設定當前頁對應頁數無連結功能
$star=$start;
//注意迴圈的初始附值,仔細想想為什麼不是 0
for ($page=$s;$page<($num/$limit);$page++) {
$start=$page*$limit;
echo "<td>";
if($page!=$star/$limit) {
echo "<a href=page.php?";
echo "start=$start&s=$s>";
}
echo $page;
if($page!=$star/$limit) {
echo "</a>";
}
echo "</td>";
//控制數字頁面限制顯示功能,控制只顯示 20 頁
if ($page>0 && ($page%20)==0) {
if ($s==0) {
$s=$s+21;
} else {
$s=$s+20;
}
$start=$start+$limit;
if ((($num/$limit)-1)>$page) {
echo "<td> <<</td><td><a href'page.php?";
echo "start=$start&s=$s>next</a></td>";
}
//注意跳出迴圈的控制
break;
}
}
echo "</tr></table>";
?>
  
以上的程已序可以完成強大的迴圈翻頁功能。

還有一個翻頁功能就是提交翻頁,即在提交表單添入資料提交,然後程式跳轉到該對應頁,這個功能實現起來比較簡單,就留給讀者自己完成,這裡不再介紹......



相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.