search

博客列表 >1. 实现上一页,下一页功能,注意越界

1. 实现上一页,下一页功能,注意越界

P粉314265155
P粉314265155原创
2022年08月24日 19:40:59392浏览

将数据填充到前端的代码表格中

  1. <?php
  2. namespace _0819;
  3. // 将数据填充到前端的代码表格中
  4. // fetch + while
  5. // fetchALL+ foreach
  6. // bindValue 值绑定到变量上
  7. // bindParam  引用绑定到变量上
  8. // bindColumn  将字段绑定到变量上
  9. // 'SELECT `id`,`name`,`email` FROM `staff`';
  10. use PDO;
  11. $db = new PDO('mysql:dbname=bittel','root','root');
  12. //   herdoc
  14. $sql =  <<<   SQL
  15.     SELECT `id`,`name`,`sex`,`email`
  16.         FROM `staff`;
  17. SQL;
  18. // sql语句对象预处理
  19. $stmt = $db->prepare($sql);
  20. // 执行sql
  21. $stmt->execute();
  22. // while,foreach, list()进行结果数组的解构到变量中
  23. // 0  1 2 3 替换 bindColumn里面第一个数的值
  24. $stmt->bindColumn('id', $id);
  25. $stmt->bindColumn('name', $name);
  26. $stmt->bindColumn('sex', $sex);
  27. $stmt->bindColumn('email', $email);
  28. // 此种展示太简单 不会用的
  29. // while ($stmt->fetch() ){
  30. // printf('%d:%s,%d,(%s)<br>',$id,$name,$sex,$email);
  31. // }
  32. // 此次以表格方式展示
  33. $table =<<<TABLE
  34. <style>
  35. table {
  36. border-collapse: collapse;
  37. width: 90%;
  38. min-width: 360px;
  39. margin: 30px auto;
  40. text-align:center;
  41. }
  42. table,th,td {
  43. border: 1px solid #000;
  44. padding: 5px;
  45. }
  46. table caption {
  47. font-size: 18px;
  48. margin-bottom: 10px;
  49. }
  50. table thead {
  51. background: lightcyan;
  52. }
  53. table tbody tr:hover {
  54. cursor: pointer;
  55. background: #efefef;
  56. }
  57. </style>
  59. <table>
  60. <caption>员工信息表</caption>
  61. <thead>
  62.     <tr>
  63.         <th>ID</th>
  64.         <th>姓名</th>
  65.         <th>性别</th>
  66.         <th>邮箱</th>
  67.     </tr>
  68. </thead>
  69. <tbody>
  71. TABLE;
  72. // while ($stmt->fetch() ){
  73. // printf('%d:%s,%d,(%s)<br>',$id,$name,$sex,$email);
  74. // }
  76. while ($stmt->fetch(PDO::FETCH_BOUND) ){
  77.     // 对性别进行处理  0 、1
  78.    $tsex= $sex?'男':'女';
  79. // 拼装 html 代码
  80. $table .= <<<TR
  81. <tr>
  82. <td>$id</td>
  83. <td>$name</td>
  84. <td>$tsex</td>
  85. <td>$email</td>
  86. </tr>
  87. TR;
  88. }
  90. $table .='</tbody></table>';
  91. echo $table;

获取分页数据

  1. <?php
  2. // 获取分页数据
  4. namespace _0819;
  5. use PDO;
  7. // 连接 
  8. $db = new PDO('mysql:dbname=bittel','root','root');
  9. // 1、页数
  10. $page = $_GET['p'];
  11. echo '当前页数，p：'.$page.'<br>';
  12. // 2、每页展示的数据 num =5
  13. $num =5 ;
  14. echo '当前数量：num'.$num.'<hr>';
  15. // 3、偏移量  offset = (页数 -1)*数量
  16. $offset =($page - 1) * $num;
  17. // 打印当前偏移量
  18. echo '当前偏移量 offse:'.$offset.'<hr>';
  19. // $sql = <<< SQL
  20. $sql = <<< SQL
  21.     SELECT *
  22.     FROM `staff`
  23.     LIMIT $offset, $num;
  24. SQL;
  25. $stmt = $db ->prepare($sql);
  26. $stmt->execute();
  27. $staffs = $stmt ->fetchAll(PDO::FETCH_ASSOC);
  28. // fetchAll 是二维数组
  29. foreach($staffs as $staff){
  30. // list($id,$name,....) 简化extract()   解构后得到一系类变量
  31. extract($staff) ;
  32. printf('%d-%s-%s-%s<br>', $id, $name, $sex, $email);
  33. }

获取总页数

  1. <?php
  2. // 获取总页数
  4. namespace _0819;
  5. use PDO;
  7. // 连接 
  8. $db = new PDO('mysql:dbname=bittel','root','root');
  9. // 1、页数   必须要给一个默认页数值，。不然报错  用两个？？赋值
  10. $page = $_GET['p']??1;
  11. echo '当前页数，p：'.$page.'<br>';
  12. // 2、每页展示的数据 num =5
  13. $num =5 ;
  14. echo '当前数量：num'.$num.'<hr>';
  15. // 3、偏移量  offset = (页数 -1)*数量
  16. $offset =($page - 1) * $num;
  17. // 打印当前偏移量
  18. echo '当前偏移量 offset:'.$offset.'<hr>';
  20. // 4、计算总记录数
  21. //方式一： SELECT COUNT('id')  FROM `staff`;
  22. // 方式二：SELECT COUNT(*)  AS `total`  FROM   `staff`;  起别名
  23. // 计算页数 一步到位：SELECT CEIL( COUNT(*)/5)  AS `total`  FROM   `staff`;
  24. // 推荐
  25.   $sql ='     SELECT COUNT(*)  AS `total`  FROM   `staff`;' ; 
  26.   $stmt = $db ->prepare($sql);
  27.   $stmt->execute();
  28. // 将总数量绑定到一个变量上
  29. $stmt ->bindColumn('total',$total);
  30. $stmt->fetch();
  31. echo'当前的总记录数：$total:'.$total.'<hr>';
  33. // 5. 计算总页数
  34. // 向上取整
  35. $pages = ceil($total / $num);
  36. echo '当前总页数: pages = ' . $pages . '<hr>';
  40. $sql = <<< SQL
  41.     SELECT *
  42.     FROM `staff`
  43.     LIMIT $offset, $num;
  44. SQL;
  46. $stmt = $db->prepare($sql);
  47. $stmt->execute();
  48. $staffs = $stmt->fetchAll(PDO::FETCH_ASSOC);
  51. // 在foreach遍历前增加判断是否存在数据
  52. if(count($staffs)===0){
  53.     echo '查询结果为空';
  54. }else{
  55.     foreach($staffs as $staff){
  56.         extract($staff);
  57.         printf('%d--%s---%s----%s<br>',$id,$name,$sex,$email);
  59.     }
  60. }
  62. function createPages(int $page, int $pages): array
  63. {
  64.     // 当前是第8页, 共计20页
  65.     // [1,  ...    6, 7, 8, 9, 10,  ....    20]
  66.     // 当前是第10页, 共计20页
  67.     // [1,  ...    8, 9, 10, 11, 12,  ....    20]
  69.     // 1. 生成与总页数长度相同的递增的整数数组
  70.     $pageArr = range(1, $pages);
  72.     // 2. 只需要当前和前后二页, 其它页码用 false/null 来标记
  74.     $paginate =  array_map(function ($p) use ($page, $pages) {
  75.         return   ($p == 1 || $p == $pages || abs($page-$p) <=2) ? $p : '...';
  76.     }, $pageArr);
  77.     // dump($paginate);
  78.     // 去重, 替换
  79.     $before = array_unique(array_slice($paginate, 0, $page));
  80.     $after = array_unique(array_slice($paginate, $page));
  83.     // 用解构进行合并
  84.     return [...$before, ...$after];
  86. }
  88. echo '<hr>';
  89. $pgnull = createPages($page, $pages);
  90. print_r($pgnull);
  92. // array_map ($pgnull as $pg ){
  93. //     if ( $pg===null){
  94. //          return '...';
  95. //     }else {
  96. //         return $pg;
  97. //     }
  98. //  }

分页展示数据

  1. <?php
  2. // 加载zuoye3.php
  3. require 'zuoye3.php';
  5. echo'<hr>';
  7. ?>
  8. <!DOCTYPE html>
  9. <html lang="zh-CN">
  10. <head>
  11.     <meta charset="UTF-8">
  12.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  13.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  14.     <title>分页展示数据</title>
  15.     <style>
  16.         table {
  17.             width: 400px;
  18.             border-collapse: collapse;
  19.             text-align: center;
  20.         }
  22.         table th,
  23.         table td {
  24.             border: 1px solid;
  25.             padding: 5px;
  26.         }
  28.         table thead {
  29.             background-color: lightcyan;
  30.         }
  32.         table caption {
  33.             font-size: larger;
  34.             margin-bottom: 8px;
  35.         }
  37.         body>p {
  38.             display: flex;
  39.         }
  41.         p>a {
  42.             text-decoration: none;
  43.             color: #555;
  44.             border: 1px solid;
  45.             padding: 5px 10px;
  46.             margin: 10px 2px;
  47.         }
  48.              /* 高亮 */
  49.         .active {
  50.             background-color: seagreen;
  51.             color: white;
  52.             border: 1px solid seagreen;
  53.         }
  54.     </style>
  55. </head>
  56. <body>
  57. <table>
  58.      <!-- 标题 -->
  59.     <caption>员工信息表</caption>
  60.     <!-- 表头  -->
  61.     <thead>
  62.         <tr>
  63.             <td>ID</td>
  64.             <td>姓名</td>
  65.             <td>性别</td>
  66.             <td>邮箱</td>
  67.         </tr>
  68.     </thead>
  69.     <tbody>
  70.  <?php
  71.  foreach ($staffs as $staff):
  72.     extract($staff);
  73. ?>
  74.       <tr>
  75.             <td><?=$id?></td>
  76.             <td><?=$name?></td>
  77.             <td><?=$sex?></td>
  78.             <td><?=$email?></td>
  79.         </tr>
  80.      <?php endforeach ?> 
  81.     </tbody>
  82. </table>    
  83. <!-- 分页条 
  84.                <  ?php for():  ?>
  85.     <        <  ?php endfor ? >   
  86.     -->
  87.     <p>
  88.         <!-- 页面地址 -->
  89.     <!-- <?php   echo $_SERVER['PHP_SELF'] .  '?p='  . 3;       ?> -->
  90.     <?php  for($i=1;$i<= $pages;$i++):  ?>
  91.         <!-- / /  页面跳转的 url    -->
  92.          <?php   $url =  $_SERVER['PHP_SELF'] .  '?p='  . $i;      
  96.         // 高亮设置   实现页面高亮  注意类型转换  将$_GET['p']  字符串型改为整数型
  97.         //   $active =  ($i===Intval($_GET['p']))  ? 'active' : null;
  98.               //   注意要个 第一页给个默认值  ，值为空的时候给默认值，有值不用
  99.         // 目前还未做页码检查 ？？？？ 自行考虑
  100.               $page = $_GET['p']??1;
  101.               $active =  ($i===Intval($page))  ? 'active' : null;
  103.           ?>
  105.     <!-- 把地址塞到分页条            生成分页条样式                    生成分页数 -->
  106.         <a href="<?=$url?>"  class="<?=$active?>"><?=$i?></a>
  107.         <?php endfor ?>  
  108.     </p>
  110. </body>
  111. </html>

分页展示数据—-上一页、下一页

  1. <?php
  2. // 加载zuoye3.php
  3. require 'zuoye3.php';
  5. echo'<hr>';
  7. ?>
  8. <!DOCTYPE html>
  9. <html lang="zh-CN">
  10. <head>
  11.     <meta charset="UTF-8">
  12.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  13.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  14.     <title>分页展示数据</title>
  15.     <style>
  16.         table {
  17.             width: 400px;
  18.             border-collapse: collapse;
  19.             text-align: center;
  20.         }
  22.         table th,
  23.         table td {
  24.             border: 1px solid;
  25.             padding: 5px;
  26.         }
  28.         table thead {
  29.             background-color: lightcyan;
  30.         }
  32.         table caption {
  33.             font-size: larger;
  34.             margin-bottom: 8px;
  35.         }
  37.         body>p {
  38.             display: flex;
  39.         }
  41.         p>a {
  42.             text-decoration: none;
  43.             color: #555;
  44.             border: 1px solid;
  45.             padding: 5px 10px;
  46.             margin: 10px 2px;
  47.         }
  48.              /* 高亮 */
  49.         .active {
  50.             background-color: seagreen;
  51.             color: white;
  52.             border: 1px solid seagreen;
  53.         }
  54.     </style>
  55. </head>
  56. <body>
  57. <table>
  58.      <!-- 标题 -->
  59.     <caption>员工信息表</caption>
  60.     <!-- 表头  -->
  61.     <thead>
  62.         <tr>
  63.             <td>ID</td>
  64.             <td>姓名</td>
  65.             <td>性别</td>
  66.             <td>邮箱</td>
  67.         </tr>
  68.     </thead>
  69.     <tbody>
  70.  <?php
  71.  foreach ($staffs as $staff):
  72.     extract($staff);
  73. ?>
  74.       <tr>
  75.             <td><?=$id?></td>
  76.             <td><?=$name?></td>
  77.             <td><?=$sex?></td>
  78.             <td><?=$email?></td>
  79.         </tr>
  80.      <?php endforeach ?> 
  81.     </tbody>
  82. </table>    
  83. <!-- 分页条 
  84.                <  ?php for():  ?>
  85.     <        <  ?php endfor ? >   
  86.     -->
  87.     <p>
  88. <?php 
  89.     $uppage = $page-1;
  90.     $upurl=  $_SERVER['PHP_SELF'] .  '?p='  .   $uppage;
  91.   ?>
  92.    <?php if($uppage>0):?>
  93. <a href=<?=$upurl?>  >上一页</a>}
  94.        <?php endif ?>
  95.      <?php foreach($pgnull as $pg): ?>
  96.         <?php
  97.     if($pg==='...'){
  98.         $url='#';
  99.     }else {
  100.         $url=  $_SERVER['PHP_SELF'] .  '?p='  . $pg;
  101.     }
  102.     $page = $_GET['p']??1;
  103.     $active =  ($pg===Intval($page))  ? 'active' : null;
  104.      ?>
  106.      <a href="<?=$url?>"  class="<?=$active?>"><?=$pg?></a>
  107.              <?php endforeach ?>
  108.              <?php 
  109.     $nextpage = $page + 1;
  110.     $nexturl=  $_SERVER['PHP_SELF'] .  '?p='  . $nextpage;
  111.     if($nextpage >$pages){
  112.     // echo  '没有了';
  113.     exit;
  114.     }
  115. ?>
  116.     <a href=<?=$nexturl?>>下一页</a>
  117.     </p>
  119. </body>
  120. </html>
上一条：智慧农业项目之项目功能介绍下一条：0804-vue列表渲染、条件渲染、事件和键盘修饰符、计算和侦听器属性
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多