search

博客列表 >数据库数据表的整页显示与分页显示

数据库数据表的整页显示与分页显示

P粉479712293
P粉479712293原创
2022年12月03日 13:18:45482浏览

题目1：数据库数据表的整页显示

1.demo1.php文件：

  1. <?php
  2. // *表格的打印
  3. namespace _221202a;
  4. // *引用php数据对象
  5. use PDO;
  6. // *连接数据库
  7. $db = new PDO('mysql:dbname=phpedu1', 'root', 'root');
  8. // *$sql:sql语句
  9. $sql = <<< SQL
  10.     SELECT `id`,`name`,`sex`,`email`
  11.      FROM `staff`; 
  12. SQL;
  13. //*$stme: sql语句预处理对象
  14. $stmt = $db->prepare($sql);
  15. // *执行sql
  16. $stmt->execute();
  17. // *绑定一个列到变量中
  18. $stmt->bindColumn('id', $id);
  19. $stmt->bindColumn('name', $name);
  20. $stmt->bindColumn('sex', $sex);
  21. $stmt->bindColumn('email', $email);
  22. //* while,foreach, list()进行结果数组的解构到变量中
  23. // while($stmt->fetch()){
  24. //     printf('%s:%s,%s,(%s)<br>',$id,$name,$sex,$email);
  25. // }
  26. // *用表格进行格式化打印
  27. $table = <<< TABLE
  28.     <style>
  29.         table {
  30.         border-collapse: collapse;
  31.         width: 90%;
  32.         min-width: 360px;
  33.         margin: 30px auto;
  34.         text-align:center;
  35.     }
  36.     table,th,td {
  37.         border: 1px solid #000;
  38.         padding: 5px;
  39.     }
  40.     table caption {
  41.         font-size: 18px;
  42.         margin-bottom: 10px;
  43.     }
  44.     table thead {
  45.         background: lightcyan;
  46.     }
  47.     table tbody tr:hover {
  48.         cursor: pointer;
  49.         background: #efefef;
  50.     }
  51.     </style>
  53.     <table>
  54.     <caption>员工信息表</caption>
  55.         <thead>
  56.             <tr>
  57.                 <th>ID</th>
  58.                 <th>姓名</th>
  59.                 <th>性别</th>
  60.                 <th>邮箱</th>
  61.             </tr>
  62.         </thead>
  63.         <tbody>
  64. TABLE;
  65. // *PDO::FETCH_BOUND: 可以省的, 如果出现问题,再加上试试
  66. while ($stmt->fetch(PDO::FETCH_BOUND)) {
  67.     // *拼装html代码
  68.     $sex = $sex ? '女' : '男';
  69.     $table .= <<< TR
  70.         <tr>
  71.             <td>$id</td>
  72.             <td>$name</td>
  73.             <td>$sex</td>
  74.             <td>$email</td>
  75.         </tr>
  76.     TR;
  77. }
  78. $table .= '</tbody></table>';
  79. echo $table;

2.浏览器效果图：

题目2:页码，行数/页，偏移量，总记录行数，总页数

1.demo2.php文件：

  1. <?php
  2. // *页码，行数/页，偏移量，总记录行数，总页数
  3. namespace _221202b;
  4. // *引用php数据对象
  5. use PDO;
  6. // *连接数据库
  7. $db = new PDO('mysql:dbname=phpedu1', 'root', 'root');
  8. // *1. 页码
  9. // *$page:页码(即第几页）,??:表示默认值
  10. $page = $_GET['p'] ?? 1;
  11. echo '当前页码: p = ' . $page . '<br>';
  12. // *2.$num:行数/页
  13. $num = 5;
  14. echo '行数/页: num = ' . $num . '<br>';
  15. // *3. 偏移量 = (页码 - 1) * 页数
  16. $offset = ($page - 1) * $num;
  17. echo '当前偏移量: offset = ' . $offset . '<br>';
  18. // *4. 计算总记录行数
  19. // SELECT CEIL(COUNT(*)/5) AS `total` FROM `staff`
  20. // SELECT COUNT(*) AS `total` FROM `staff`
  21. // *$sql:sql语句
  22. $sql = 'SELECT COUNT(*) AS `total` FROM `staff`';
  23. //*$stme: sql语句预处理对象
  24. $stmt = $db->prepare($sql);
  25. // *执行sql
  26. $stmt->execute();
  27. // *将总记录行数绑定到一个变量上
  28. $stmt->bindColumn('total', $total);
  29. $stmt->fetch();
  30. echo '当前总记录行数: total = ' . $total . '<br>';
  31. // *5. 计算总页数:$pages
  32. // *ceil(x/y):为向上取整
  33. $pages = ceil($total / $num);
  34. echo '当前总页数: pages = ' . $pages . '<br>';
  35. // *$sql:sql语句
  36. $sql = <<< SQL
  37.     SELECT *
  38.     FROM `staff`
  39.     LIMIT $offset, $num;
  40. SQL;
  41. //*$stme: sql语句预处理对象
  42. $stmt = $db->prepare($sql);
  43. // *执行sql
  44. $stmt->execute();
  45. // *fetchAll():获取所有数据行并返回一个2维数组
  46. $staffs = $stmt->fetchAll(PDO::FETCH_ASSOC);
  47. echo '<hr>';
  48. if (count($staffs) === 0) {
  49.     // *如果此2维数组为空
  50.     echo '查询结果为空';
  51. } else {
  52.     // *反之，将此2维数组作为1维数组遍历
  53.     foreach ($staffs as $staff) {
  54.         // *extract($staff):将此数组键转换为变量名称，将数组值转换为变量值
  55.         extract($staff); // $id,$name,$sex,$email
  56.         // *格式化打印
  57.         printf('%s-%s-%s-%s<br>', $id, $name, $sex, $email);
  58.     }
  59. }
  60. echo '<hr>';

2.浏览器效果图：

题目3:数据库数据表的分页显示

1.demo3.php文件：

  1. <?php require 'demo2.php' ?>
  2. <!DOCTYPE html>
  3. <html lang="zh-CN">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>分页展示数据</title>
  9.     <style>
  10.         table {
  11.             width: 400px;
  12.             border-collapse: collapse;
  13.             text-align: center;
  14.         }
  16.         table th,
  17.         table td {
  18.             border: 1px solid;
  19.             padding: 5px;
  20.         }
  22.         table thead {
  23.             background-color: lightcyan;
  24.         }
  26.         table caption {
  27.             font-size: larger;
  28.             margin-bottom: 8px;
  29.         }
  31.         body>p {
  32.             display: flex;
  33.         }
  35.         p>a {
  36.             text-decoration: none;
  37.             color: #555;
  38.             border: 1px solid;
  39.             padding: 5px 10px;
  40.             margin: 10px 2px;
  41.         }
  42.         /* 按钮高亮的样式 */
  43.         .active {
  44.             background-color: seagreen;
  45.             color: white;
  46.             border: 1px solid seagreen;
  47.         }
  48.     </style>
  49. </head>
  50. <body>
  51.     <table>
  52.         <caption>员工信息表</caption>
  53.         <thead>
  54.             <tr>
  55.                 <th>ID</th>
  56.                 <th>姓名</th>
  57.                 <th>性别</th>
  58.                 <th>邮箱</th>
  59.             </tr>
  60.         </thead>
  61.         <tbody>
  62.             <?php foreach ($staffs as $staff) :extract($staff) ?>
  63.             <tr>
  64.                 <td><?=$id?>
  65.                 </td>
  66.                 <td><?=$name?>
  67.                 </td>
  68.                 <td><?=$sex?>
  69.                 </td>
  70.                 <td><?=$email?>
  71.                 </td>
  72.             </tr>
  73.             <?php endforeach ?>
  74.         </tbody>
  75.     </table>
  76.     <p>
  77.         <!-- *对总页数进行for循环 -->
  78.         <?php for ($i=1; $i <= $pages; $i++): ?>
  79.         <?php
  80.             // *$url为网页上方的地址栏，当p值改变时使页码跳转
  81.             // *PHP_SELF：表示当前的php脚本
  82.             $url =  $_SERVER['PHP_SELF'] . '?p=' . $i;
  83.             // *页码$page默认值为1
  84.             $page = $_GET['p'] ?? 1;
  85.             //* 实现页码高亮
  86.             // *三元运算符：当前的页码与地址栏的p相等时，则该链接按钮为active样式，反之为null
  87.             $active = ($i == $page) ? 'active' : null;
  88.         ?>
  89.         <a href="<?=$url?>"class="<?=$active?>"><?=$i?></a>
  90.         <?php endfor ?>
  91.     </p>
  92. </body>
  93. </html>

2.浏览器效果图：

上一条：【JS】DOM增删改(1元素增删改，2操作元素内容，3指定位置插入)下一条：演示JS中变量常量与函数的声明与使用过程
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多