airbnb 的分頁邏輯解析？

php php7 mysql mysqli

火爆浪子 2018-10-03 14:41:29 ‧ 1994 瀏覽

分享至

這是我的邏輯：

$page = $_GET['page'];
    $page == '' ? $page = 1 : '';

    $page_size = 10;
    $res = $pdo->query("SELECT * FROM `blog` ");
    $row_count = $res->num_rows;
    $page_num = ceil($row_count / $page_size);
    $offset = ($page - 1) * $page_size;

SQL

LIMIT $offset, $page_size

HTML

<?='<div class="page-layout">'; for($i=1;$i<=$page_num;$i++){?>
      <button class="pageBtn" <?=$page==$i ? 'disabled': '';?> onclick="location.href='?page=<?=$i;?>';"><?=$i;?></button>
    <?} echo '</div>';?>

也就是有幾頁就顯示幾個按鈕...

但我發現 https://airbnb.com 的分頁挺奇妙的：

所以我想問說他這個分頁邏輯是什麼？有大大可以分析嗎？

補充：https://imgur.com/EKpnZnR

看更多先前的討論...收起先前的討論...

rockfire iT邦新手 5 級 ‧ 2018-10-03 15:18:01 檢舉

分頁邏輯應該是一樣
它用scrollbar來判斷要不要繼續讀取資料
當 scrollbar 到達一定位置就自動讀取下一次資料

https://ithelp.ithome.com.tw/articles/10197885

Luis-Chen iT邦新手 4 級 ‧ 2018-10-03 16:02:04 檢舉

infinity scroll

火爆浪子 iT邦研究生 1 級 ‧ 2018-10-03 16:30:46 檢舉

我發現我要問的東西，圖失效了。。。。我想說怎麼回答得好像跟我問的不一樣

火爆浪子 iT邦研究生 1 級 ‧ 2018-10-03 16:32:04 檢舉

補充：https://imgur.com/EKpnZnR

rockfire iT邦新手 5 級 ‧ 2018-10-03 16:44:40 檢舉

你的意思是說假設有 100頁只打算顯示
1 ..... 19 20 21 22 ...... 100 這樣?

至於左右符號就 i-1 ,i+1 ， i = 目前頁數

for($i=1;$i<=$page_num;$i++) <---- 你這邊就是全部印出
你要加判斷，只印出你要頁碼，剩下的忽略

這個應該是你要吧
https://ithelp.ithome.com.tw/articles/10156675

登入發表討論