简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > PHP基础：数据展示页的分页显示条设置
Blogger Information
Blog 29
fans 0
comment 0
visits 26996
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
PHP基础：数据展示页的分页显示条设置
暴宇
Original
1220 people have browsed it

PHP基础：数据展示页的分页显示条设置

1.分页显示条功能

显示所在页数，点击页数即可直接跳转到对应的页数上

2.代码示例

  2. <?php 
  3. // require 'demo1.php' ;
  4. // 连接数据库
  5. require 'connect.php';
  6. // 1. 当前的页数/页码
  7. $page = $_GET['p'] ?? 1;
  9. // 2. 每页显示的记录数量
  10. $num = 5;
  12. // 3. 总页数
  13. $sql = "SELECT CEIL(COUNT(`id`)/{$num}) AS `total`  FROM `goods`";
  14. $pages = $pdo->query($sql)->fetch()['total'];
  16. // 4. 偏移量
  17. $offset = $num * ($page - 1);
  19. // 5. 分页数据
  20. $sql = "SELECT * FROM `goods` LIMIT {$num} OFFSET {$offset}";
  21. $goods = $pdo->query($sql)->fetchAll();
  25. ?>
  26. <!DOCTYPE html>
  27. <html lang="en">
  28. <head>
  29.     <meta charset="UTF-8">
  30.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  31.     <title>分页数据展示</title>
  32.     <link rel="stylesheet" href="style.css">
  33. </head>
  34. <body>
  35.     <table>
  36.     <caption>材料管理系统</caption>
  37.     <thead>
  39. <tr>
  40.     <th>ID</th>
  41.     <th>名称</th>
  42.     <th>规格</th>
  43.     <th>描述</th>
  44.     <th>数量</th>
  45.     <th>单位</th>
  46.     <th>操作</th>
  47. </tr>
  48. </thead>
  49. <tbody>
  51. <?php foreach ($goods as $good) : ?>
  52.     <tr>
  53.         <td><?php echo $good['id'] ?></td>
  54.         <td><?php echo $good['name'] ?></td>
  55.         <td><?php echo $good['DN'] ?></td>
  56.         <td><?php echo $good['describe'] ?></td>
  57.         <td><?php echo $good['number'] ?></td>
  58.         <td><?php echo $good['unit'] ?></td>
  59.         <td><button onclick="location.href='server.php?action=edit&id=<?php echo $good['id'] ?>'">编辑</button>
  60.         <button onclick="del(<?php echo $good['id'] ?>)">删除</button></td>
  61.     </tr>
  63. <?php endforeach; ?>
  64. </tbody>
  65.     </table>
  66. <!-- 添加跳转到首页, 前一页, 下一页, 尾页的功能 -->
  69.     <p>
  70. <?php
  71. // 1. 分页条显示5个页码
  72. $showPages = 5;
  73. // 2. 分页条的起始页码
  74. $startPage = 1;
  75. // 3. 分页条的终止页码
  76. $endPage = $pages;  // 当前总页数: 14
  77. // 4. 分页条的偏移量: (当前分页条显示的页码数 - 1) / 2
  78. $offsetPage = ($showPages -1) / 2;  // 2
  80. // 只有当前分页条数量 < 总页数, 才有必要显示出省略标记
  81. if ($showPages < $pages) {
  82.     // 如果当前页 > 偏移量 + 1 , 应该显示... 
  83.     if ($page > $offsetPage + 1) {
  84.         $startOmit = '...';
  85.     }
  87.     // 将当前分页条页码重置
  88.     if ($page > $offsetPage) {
  89.         $startPage = $page - $offsetPage;
  91.         $endPage = $page + $offsetPage;
  92.         if ($endPage > $pages)  {$endPage = $pages;}
  93.     } else {
  94.         $startPage = 1;
  95.         $endPage = $showPages;
  96.     }
  98.     // 如果当前页 + 偏移量 > 总页数
  99.     if ($page + $offsetPage > $pages) {
  100.         // 原理, 就是向当前页前面进行借位
  101.         // 此时, 新的起点 = 当前位置 - (当前页 + 偏移量 - 原始位置)
  102.         $startPage = $startPage - ($page + $offsetPage - $endPage);
  103.     }
  105.     if ($showPages < $pages && $page + $offsetPage < $pages) $endOmit = '...';
  106. }
  110. ?>
  114. <!-- 首页 -->
  115. <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=1' ?>">首页</a>
  117. <!-- 前一页 -->
  118. <?php
  119. $prev = $page - 1;
  120. if ($page == 1) $prev = 1; 
  121. ?>
  122. <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=' . $prev ?>">前一页</a>
  125. <?php if (isset($startOmit)) : ?> <a href="#"><?php echo $startOmit ?></a> <?php endif ?>
  128.     <?php for ($i=$startPage; $i<=$endPage; $i++): ?>
  129.         <?php
  130.         $jump = sprintf('%s?p=%s', $_SERVER['PHP_SELF'],  $i );
  131.         $active = ($i == $page) ? 'active' :null;
  132.         ?>
  133.         <a href="<?php echo $jump ?>" class="<?php echo $active ?>"><?php echo $i ?></a>
  134.     <?php endfor ?>
  137.     <?php if (isset($endOmit)) : ?> <a href="#"><?php echo $endOmit ?></a> <?php endif ?>
  139. <!-- 下一页 -->
  142. <?php
  143. $next = $page + 1;
  144. if ($page == $pages) $next = $pages; 
  145. ?>
  146. <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=' . $next ?>">下一页</a>
  148. <!-- 尾页 -->
  149. <a href="<?php echo $_SERVER['PHP_SELF'] . '?p='. $pages ?>">尾页</a>
  151. </p>
  152. <p>
  153.     <!-- 直接跳转 -->
  154. <form id="topage" action="fenye.php" method="get">
  155.     <label for="p">跳转到：</label>
  156.      <input id='p' type="text" name='p'>
  157.      <input type="submit" value="跳转" form="topage">
  158. </form>
  159. </p>
  161. <script>
  162.     function del(id) {
  163.         return confirm('是否删除?') ? alert('删除成功') : false;
  164.     }
  165. </script>
  166. </body>
  167. </html>

2.运行效果

3.总结

分页的原理就是根据总数据条数和每页显示的条数计算出要分多少页，然后再计算出偏移量，根据偏移量进行查询数据并展示

Correcting teacher：天蓬老师天蓬老师

Correction status：qualified

Teacher's comments：原理并不能， 前后端的配合显示出来需要点技巧
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！