Baidu はこのページングをどのように実装していますか?
この質問はあまりにもよく聞かれるので言葉を失います。 。 。
Baidu もパラメータ &pn=0 を渡します。
pn の値に従って、現在のページを処理するために使用できます。画像?
の表示について話している場合は、1 2 3 4 5
ページング ステップ
1. アイテムの合計数を計算します
2. 現在のページを取得します
3.合計ページ数 ceil を計算します (アイテムの合計数/ページ数)
4. オフセットは制限 n,m を計算します
5. クエリ データと表示データ
注: すでに計算されています。第三部 10ページとして総ページ数が出ます
$str = ''; for($i=1;$i<=10;$i++){ str .= '<a href="#">'.$i.'</a>'; }echo $str;
a{ width:20px; height:20px; display:block; background:#ffffff; border:1px dashed #ccc; color:blue;}a:hover{ background:blue;}
1 2 3 4 5
ページング手順
1. アイテムの総数を計算します
2.現在のページ
3. 合計ページ数 ceil (合計アイテム数/ページ数) を計算します。
4. オフセット (制限 n、m) を計算します。
5. データをクエリして表示します。データ
注: 3 番目の部分では、合計ページ数がすでに計算されています。10 ページであると仮定します。
$str = ''; for($i=1;$i<=10;$i++){ str .= '<a href="#">'.$i.'</a>'; }echo $str;
a{ width:20px; height:20px; display:block; background:#ffffff; border:1px dashed #ccc; color:blue;}a:hover{ background:blue;}
最近、ページネーションに熟達したpptを作成しましたので、共有できます。
1 2の表示について言えば。 3 4 5
ページング手順
1. アイテムの総数を計算します
2. 現在のページを取得します
3. 総ページ数 ceil (総アイテム数/ページ数) を計算します。
4. オフセット (限界 n,m) を計算します
5. データをクエリしてデータを表示します
注: 3 番目の部分で合計ページ数がすでに計算されていると仮定します。 10ページです
これで12345の効果が出てきます
$str = ''; for($i=1;$i<=10;$i++){ str .= '<a href="#">'.$i.'</a>'; }echo $str;あとはスタイルを追加
a{ width:20px; height:20px; display:block; background:#ffffff; border:1px dashed #ccc; color:blue;}a:hover{ background:blue;}