前言
这几天做项目因为数据太多，需要对信息进行上下翻页展示，就自己写了翻页的代码
大致功能就是页面只显示几条信息，按上一页、下一页切换内容，当显示第一页时上一页和首页选项不可选，当页面加载到最后一页时下一页和尾页选项不可选
具体效果如下：
相关学习推荐：PHP编程从入门到精通
实现代码
1）原生PHP方法
先说一下总思路吧，首先我们要查询所有符合条件需要进行分页的总数据，计算展示的总页数。
然后获取当前显示的是第几页信息，用当前页数每页数据条数表示为总数据的第几条，再根据限制条件查询出当前页所需显示出来的数据。将每一条数据echo替换HTML结构内容中，最后显示出来
关于分页的限制条件很简单，只要查询到当前页为第1页时，首页和上一页选项跳转链接都固定在第一页同时设置选项disabled不可选，尾页也是相同的步骤。
具体代码如下：
当前页cPage需要传过来，我的办法是初始cPage=0
list.php*
<a href="listmore.php?cPage=0" rel="external nofollow" rel="external nofollow" class="pull-right">更多>></a> $row=$table->fetch()每次读取一条信息，得到的是一个索引数组，代码里的$row['id']表示$row里面名为id的值，也可表示为$row.id
connect.php(连接数据库)
<?php
$link=new PDO("mysql:host=localhost;port=3306;dbname=db","root","");
$link->query("set names utf8");listmore.php
<ul id="list" class="media-list">
<?php
include_once('connect.php');
$result = $link->query("select * from news");
$total=$result->rowCount();//查询出来符合条件的总数
$pages=ceil($total/4);//分页的总页数
$num = 4;//每页显示的数据条数
$cPage = $_GET['cPage'];//获取当前是显示的第几页
$start = $cPage * $num;//第一条数据
$table = $link->query("select * from news order by id desc limit {$start},$num");
$link = null;//销毁
while ($row=$table->fetch()){//每次读出一条数据，赋给$row
//插入多行文本，把值替换掉
echo <<<_
<li class="media">
<a href="detail.php?id={$row['id']}">
<img class="pull-left lazy" src="/static/imghwm/default1.png" data-src="{$row['src']}" alt="phpで前のページから次のページに移る処理を詳しく解説" >
<figcaption>
<h4 id="span-nbsp-class-title-row-title-span-nbsp-span-nbsp-class-news-date-row-time-span"><span class="title">{$row['title']}</span> <span class="news-date">{$row['time']}</span></h4>
<p>{$row['content']}</p>
</figcaption>
</a>
</li>
_;
}
?>
</ul>上下翻页：
<p class="page text-center">
<ul class="pagination" id="page">
<li data-i="0" id="index" class="<?php if ($cPage==0) echo 'disabled'; ?>"><a href="listmore.php?cPage=0">«首页</a></li>
<li data-i="1" class="<?php if ($cPage==0) echo 'disabled';?>"><a href="listmore.php?cPage=<?php echo $cPage>0?$cPage-1:0?>"><上一页</a></li>
<li data-i="2" class="<?php if ($cPage==$pages-1) echo 'disabled'?>"><a href="listmore.php?cPage=<?php echo $cPage==($pages-1)?$pages-1:$cPage+1?>">下一页></a></li>
<li data-i="3" id="end" class="<?php if ($cPage==$pages-1) echo 'disabled'?>"><a href="listmore.php?cPage=<?php echo $pages-1?>">尾页»</a></li>
<li class="disabled">
<a href="##" id="total"><?php echo ($cPage+1)?>/<?php echo "$pages"?></a>
</li>
</ul>
</p>2)ajax方法
HTML代码，展示信息装在panel-body里面
<p class="panel-body" id="content">
<ul id="list" class="media-list">
</ul>
</p>
<p class="page text-center">
<ul class="pagination" id="page">
<li data-i="0" id="index" class="disabled"><a href="##">«首页</a></li>
<li data-i="1" class="disabled"><a href="##"><上一页</a></li>
<li data-i="2"><a href="##">下一页></a></li>
<li data-i="3" id="end"><a href="##">尾页»</a></li>
<li class="disabled">
<a href="##" id="total"></a>
</li>
</ul>
</p>
<template id="temp"> //引用模板
<li class="media">
<a href="detail.html?id={id}">
<img class="pull-left lazy" src="/static/imghwm/default1.png" data-src="{src}" alt="phpで前のページから次のページに移る処理を詳しく解説" >
<figcaption>
<h4 id="span-nbsp-class-title-title-span-nbsp-span-nbsp-class-news-date-date-span"><span class="title">{title}</span> <span class="news-date">{date}</span></h4>
<p>{content}</p>
</figcaption>
</a>
</li>
</template>JS代码：
var html=$('#temp').html();
var curPage=0,pages=0;
$.getJSON('php/pages.php',function (res) {
pages=Math.ceil(res/4);/*获取信息的总页数*/
});
function show(cPage){//替换每一页的内容
$.getJSON('php/listmore.php',{cPage:cPage},function (json) {
var str='';
$('#list').empty();
json.forEach(function (el) {
str+=html.replace('{id}',el.id).replace('{title}',el.title).replace('{src}',el.src)
.replace('{content}',el.content).replace('{date}',el.time);
});
$('#list').html(str);
});
$('#total').html((curPage+1)+'/'+pages);
}
setTimeout(function () {
show(0);
},100);
$('#page').on('click','li',function () {//上下翻页，翻遍当前页的值
var i=$(this).data('i');//jquery里特有的获取data-*属性的方法
switch (i){
case 0:curPage=0;break;
case 1:curPage>0?curPage--:0;break;
case 2:curPage<(pages-1)?curPage++:pages-1;break;
case 3:curPage=pages-1;break;
}
show(curPage);
disabled(curPage);
})
function disabled(curPage) {//关于临界值禁止选择
if (curPage==0){/*当前页为第一页，首页和上一页选项禁止点击*/
$('#index').addClass('disabled').next().addClass('disabled');
$('#end').removeClass('disabled').prev().removeClass('disabled');
} else if (curPage==pages-1){
$('#index').removeClass('disabled').next().removeClass('disabled');
$('#end').addClass('disabled').prev().addClass('disabled');
} else {/*当前页为最后一页，尾页和下一页选项禁止点击*/
$('#index').removeClass('disabled').next().removeClass('disabled');
$('#end').removeClass('disabled').prev().removeClass('disabled');
}
}connect.php(连接数据库)
<?php
$link=new PDO("mysql:host=localhost;port=3306;dbname=db","root","");
$link->query("set names utf8");pages.php（获取总页数）
<?php
include_once('connect.php');//连接数据库
$result = $link->query("select * from news");
$row=$result->rowCount();
echo $row;listmore.php（获取数据库里的数据）
<?php
include_once ('connect.php');
$num = 4;//每一页显示的数据条数
$cPage = $_GET['cPage'];//获取当前页
$start = $cPage * $num;//计算当前页显示的第一条数据的数目
/*从表中查询从开始$start的一共$num条数据*/
$result = $link->query("select * from news order by id desc limit {$start},$num");
$link = null;
while ($row=$result->fetch()){/*每一次读取一条数据*/
$json[]=$row;/*把数据赋给json数组*/
}
echo json_encode($json);/*把json数组以json格式返回给HTML*/以上がphpで前のページから次のページに移る処理を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
PHPの現在のステータス：Web開発動向を見てくださいApr 13, 2025 am 12:20 AMPHPは、現代のWeb開発、特にコンテンツ管理とeコマースプラットフォームで依然として重要です。 1）PHPには、LaravelやSymfonyなどの豊富なエコシステムと強力なフレームワークサポートがあります。 2）パフォーマンスの最適化は、Opcacheとnginxを通じて達成できます。 3）PHP8.0は、パフォーマンスを改善するためにJITコンパイラを導入します。 4）クラウドネイティブアプリケーションは、DockerおよびKubernetesを介して展開され、柔軟性とスケーラビリティを向上させます。
PHP対その他の言語：比較Apr 13, 2025 am 12:19 AMPHPは、特に迅速な開発や動的なコンテンツの処理に適していますが、データサイエンスとエンタープライズレベルのアプリケーションには良くありません。 Pythonと比較して、PHPはWeb開発においてより多くの利点がありますが、データサイエンスの分野ではPythonほど良くありません。 Javaと比較して、PHPはエンタープライズレベルのアプリケーションでより悪化しますが、Web開発により柔軟性があります。 JavaScriptと比較して、PHPはバックエンド開発により簡潔ですが、フロントエンド開発のJavaScriptほど良くありません。
PHP対Python：コア機能と機能Apr 13, 2025 am 12:16 AMPHPとPythonにはそれぞれ独自の利点があり、さまざまなシナリオに適しています。 1.PHPはWeb開発に適しており、組み込みのWebサーバーとRich Functionライブラリを提供します。 2。Pythonは、簡潔な構文と強力な標準ライブラリを備えたデータサイエンスと機械学習に適しています。選択するときは、プロジェクトの要件に基づいて決定する必要があります。
PHP：Web開発の重要な言語Apr 13, 2025 am 12:08 AMPHPは、サーバー側で広く使用されているスクリプト言語で、特にWeb開発に適しています。 1.PHPは、HTMLを埋め込み、HTTP要求と応答を処理し、さまざまなデータベースをサポートできます。 2.PHPは、ダイナミックWebコンテンツ、プロセスフォームデータ、アクセスデータベースなどを生成するために使用され、強力なコミュニティサポートとオープンソースリソースを備えています。 3。PHPは解釈された言語であり、実行プロセスには語彙分析、文法分析、編集、実行が含まれます。 4.PHPは、ユーザー登録システムなどの高度なアプリケーションについてMySQLと組み合わせることができます。 5。PHPをデバッグするときは、error_reporting（）やvar_dump（）などの関数を使用できます。 6. PHPコードを最適化して、キャッシュメカニズムを使用し、データベースクエリを最適化し、組み込み関数を使用します。 7
PHP：多くのウェブサイトの基礎Apr 13, 2025 am 12:07 AMPHPが多くのWebサイトよりも優先テクノロジースタックである理由には、その使いやすさ、強力なコミュニティサポート、広範な使用が含まれます。 1）初心者に適した学習と使用が簡単です。 2）巨大な開発者コミュニティと豊富なリソースを持っています。 3）WordPress、Drupal、その他のプラットフォームで広く使用されています。 4）Webサーバーとしっかりと統合して、開発の展開を簡素化します。
誇大広告を超えて：今日のPHPの役割の評価Apr 12, 2025 am 12:17 AMPHPは、特にWeb開発の分野で、最新のプログラミングで強力で広く使用されているツールのままです。 1）PHPは使いやすく、データベースとシームレスに統合されており、多くの開発者にとって最初の選択肢です。 2）動的コンテンツ生成とオブジェクト指向プログラミングをサポートし、Webサイトを迅速に作成および保守するのに適しています。 3）PHPのパフォーマンスは、データベースクエリをキャッシュおよび最適化することで改善でき、その広範なコミュニティと豊富なエコシステムにより、今日のテクノロジースタックでは依然として重要になります。
PHPの弱い参照は何ですか、そしていつ有用ですか？Apr 12, 2025 am 12:13 AMPHPでは、弱い参照クラスを通じて弱い参照が実装され、ガベージコレクターがオブジェクトの回収を妨げません。弱い参照は、キャッシュシステムやイベントリスナーなどのシナリオに適しています。オブジェクトの生存を保証することはできず、ごみ収集が遅れる可能性があることに注意する必要があります。
PHPで__invoke Magicメソッドを説明してください。Apr 12, 2025 am 12:07 AM\ _ \ _ Invokeメソッドを使用すると、オブジェクトを関数のように呼び出すことができます。 1。オブジェクトを呼び出すことができるように\ _ \ _呼び出しメソッドを定義します。 2。$ obj（...）構文を使用すると、PHPは\ _ \ _ Invokeメソッドを実行します。 3。ロギングや計算機、コードの柔軟性の向上、読みやすさなどのシナリオに適しています。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
Dreamweaver Mac版
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン
WebStorm Mac版
便利なJavaScript開発ツール
SecLists
SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。
