search

博客列表 >php分页功能案例

php分页功能案例

我是郭富城
我是郭富城原创
2020年05月17日 16:02:54878浏览

php分页功能案例

1. 基础

  • 分页关键的概念就是：索引，偏移量，单页显示数量
  • 偏移量计算公式：OFFSET = 每页显示的数量-（当前页数-1）

2. 实现分页条中的直接页码跳转功能

  • 第一步：连接数据库
  1. <?php
  2. //使用pdo的方式
  3. $dsn = 'mysql:host=localhost;dbname=php;port=3306;charset=utf8';
  4. $username = 'root';
  5. $password = 'root123456';
  7. try {
  8.     $pdo = new PDO($dsn, $username, $password);
  9.     // 结果集获取方式
  10.     $pdo->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC);
  11. } catch (Exception $e) {
  12.     die($e->getMessage());
  13. }
  • 第二步，获取需要展示的内容
  1. <?php
  2. //1，连接数据库
  3. require_once 'connect.php';
  5. //2，当前查看的页数/页码
  6. $page = $_GET['p'] ?? 1;
  8. //3，每页显示的记录数量
  9. $num = 5;
  11. //4,总页数
  12. // 4.1首先获取一共有多少条记录数
  13. $sql = "SELECT CEIL(COUNT('id')/{$num}) AS `total`  FROM `staffs`";
  14. // echo $sql;
  15. $pages = $pdo->query($sql)->fetch()['total'];
  17. //5，偏移量
  18. $offset = $num * ($page - 1);
  20. //6.分页数据
  21. $sql = "SELECT * FROM `staffs` LIMIT {$num} OFFSET {$offset}";
  22. $staffs = $pdo->query($sql)->fetchAll();
  23. // print_r($staffs);
  • 第三步，前端表格 html 代码以及 css 样式
  1. <table>
  2.   <caption>
  3.     领导信息表
  4.   </caption>
  5.   <thead>
  6.     <tr>
  7.       <th>ID</th>
  8.       <th>姓名</th>
  9.       <th>年龄</th>
  10.       <th>性别</th>
  11.       <th>职位</th>
  12.       <th>手机</th>
  13.       <th>入职时间</th>
  14.       <th>操作</th>
  15.     </tr>
  16.   </thead>
  17.   <tbody>
  18.     <?php foreach ($staffs as $staff) :  ?>
  19.     <tr>
  20.       <td><?php echo $staff['id'];   ?></td>
  21.       <td><?php echo $staff['name'];   ?></td>
  22.       <td><?php echo $staff['age'];   ?></td>
  23.       <td><?php echo $staff['sex'] ? '男' : '女';   ?></td>
  24.       <td><?php echo $staff['position'];   ?></td>
  25.       <td><?php echo $staff['mobile'];   ?></td>
  26.       <td><?php echo date('Y/m/d', $staff['hiredate']);   ?></td>
  27.       <td><button>编辑</button><button>删除</button></td>
  28.     </tr>
  29.     <?php endforeach; ?>
  30.   </tbody>
  31. </table>
  1. * {
  2.   margin: 0;
  3.   padding: 0;
  4.   box-sizing: border-box;
  5.   color: #555;
  6. }
  7. body {
  8.   display: flex;
  9.   flex-flow: column nowrap;
  10.   align-items: center;
  11. }
  13. table {
  14.   width: 80%;
  15.   border: 1px solid;
  16.   border-collapse: collapse;
  17.   text-align: center;
  18. }
  20. table td,
  21. table th {
  22.   border: 1px solid;
  23.   padding: 5px;
  24. }
  26. table caption {
  27.   font-size: 1.5rem;
  28.   margin: 10px;
  29. }
  31. table thead tr:only-of-type {
  32.   background-color: lightblue;
  33. }
  35. table tr:hover {
  36.   background-color: #eee;
  37. }
  39. table button {
  40.   width: 56px;
  41.   height: 26px;
  42.   cursor: pointer;
  43.   margin: 0 3px;
  44. }
  46. table button:last-of-type {
  47.   color: red;
  48. }
  50. body > p {
  51.   display: flex;
  52. }
  53. p > a {
  54.   text-decoration: none;
  55.   color: #555;
  56.   border: 1px solid;
  57.   padding: 5px 10px;
  58.   margin: 10px 2px;
  59. }
  60. .active {
  61.   background-color: red;
  62.   color: white;
  63.   border: 1px solid red;
  64. }
  • 第四步，简单分页条的实现
  1. <p>
  2.         <?php
  3.         $prev = $page - 1;
  4.         if ($page == 1) $prev = 1;
  5.         ?>
  6.         <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=1' ?> ">首页</a>
  7.         <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=' . $prev ?> ">前一页</a>
  9.         <?php for ($i = 1; $i <= $pages; $i++) : ?>
  10.         <?php
  11.             $jump = sprintf('%s?p=%s', $_SERVER['PHP_SELF'], $i);
  12.             // echo $jump;
  13.             $active = ($i == $page) ? 'active' : null;
  14.             ?>
  16.         <a href="<?php echo $jump ?>" class="<?php echo $active; ?>"><?php echo $i; ?></a>
  17.         <?php endfor;  ?>
  18.         <?php
  19.         $next = $page + 1;
  20.         if ($page == $pages) $next = $pages;
  21.         ?>
  23.         <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=' . $next ?> ">下一页</a>
  25.         <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=' . $pages ?> ">尾页</a>
  26.     </p>

3. 实现分页条中的页码省略功能

  1.     <p>
  2.         <?php
  3.         //显示的页码
  4.         $showPages = 5;
  5.         // 起始页
  6.         $startPage = 1;
  7.         // 终止页码
  8.         $endPage = $pages;
  9.         // 偏移量
  10.         $offsetPage = ($showPages - 1) / 2; //2
  11.         if ($showPages < $pages) {
  12.             if ($page > $offsetPage + 1) {
  13.                 $startOmit = '...';
  14.             }
  16.             if ($page > $offsetPage) {
  17.                 $startPage = $page - $offsetPage;
  18.                 $endPage = $page + $offsetPage;
  19.                 if ($endPage > $pages) {
  20.                     $endPage = $pages;
  21.                 }
  22.             } else {
  23.                 $startPage = 1;
  24.                 $endPage = $showPages;
  25.             }
  26.             if ($page + $offsetPage > $pages) {
  27.                 $startPage = $startPage - ($page + $offsetPage - $endPage);
  28.             }
  29.             if ($showPages < $pages && $page + $offsetPage < $pages) {
  30.                 $endOmit = '...';
  31.             }
  32.         }
  34.         ?>
  36.        <?php
  37.         $prev = $page - 1;
  38.         if ($page == 1) $prev = 1;
  39.         ?>
  40.         <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=1' ?> ">首页</a>
  41.         <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=' . $prev ?> ">前一页</a>
  43.         <?php
  44.         if (isset($startOmit)) { ?>
  45.         <a href=""><?php echo $startOmit;  ?></a>
  46.         <?php } ?>
  48.         <?php for ($i = $startPage; $i <= $endPage; $i++) : ?>
  49.         <?php
  50.             $jump = sprintf('%s?p=%s', $_SERVER['PHP_SELF'], $i);
  51.             // echo $jump;
  52.             $active = ($i == $page) ? 'active' : null;
  53.             ?>
  55.         <a href="<?php echo $jump ?>" class="<?php echo $active; ?>"><?php echo $i; ?></a>
  56.         <?php endfor;  ?>
  58.         <?php
  59.         if (isset($endOmit)) { ?>
  60.         <a href=""><?php echo $endOmit;  ?></a>
  61.         <?php } ?>
  63.         <?php
  64.         $next = $page + 1;
  65.         if ($page == $pages) $next = $pages;
  66.         ?>
  69.         <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=' . $next ?> ">下一页</a>
  71.         <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=' . $pages ?> ">尾页</a>
  72.     </p>

4. 实现编辑和删除功能

  • 前端按钮
  1. <td>
  2. <button onclick="location.href='handle.php?action=edit&id=<?php echo $staff['id'];   ?>'">编辑</button>
  3. <button onclick="location.href='handle.php?action=del&id=<?php echo $staff['id'];   ?>'">删除</button>
  4. </td>
  • 处理脚本
  1. <?php
  2. require 'demo1.php';
  4. $action = $_GET['action'];
  5. $id = $_GET['id'];
  8. switch ($action) {
  9.     case 'edit':
  10.         include 'edit.php';
  11.         break;
  12.     case 'doedit':
  13.         $sql = 'UPDATE `staffs` SET `name`=:name, `age`=:age,`sex`=:sex,`position`=:position ,`mobile`=:mobile,`hiredate`=:hiredate WHERE `id`=:id';
  14.         // print_r($_POST);
  16.         $_POST['hiredate'] = strtotime($_POST['hiredate']);
  17.         // echo $_POST['hiredate'];
  18.         // die();
  19.         $stmt = $pdo->prepare($sql);
  20.         $stmt->execute($_POST);
  21.         if ($stmt->rowCount() === 1) {
  22.             echo '<script>alert("更新成功");location.href="fenye.php";</script>';
  23.         }
  24.         break;
  25.     case 'del':
  26.         include 'delete.php';
  27.         break;
  28. }
  • 编辑脚本
  1. <?php
  3. //获取要被编辑的员工信息
  5. $staff = $pdo->query("SELECT * FROM `staffs` WHERE `id`={$id}")->fetch();
  6. // print_r($staff);
  7. ?>
  9. <!DOCTYPE html>
  10. <html lang="en">
  12. <head>
  13.     <meta charset="UTF-8">
  14.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  15.     <title>编辑</title>
  16. </head>
  18. <body>
  19.     <h3>领导信息编辑表</h3>
  20.     <form action="<?php echo $_SERVER['PHP_SELF'] . '?action=doedit&id=' . $id ?>" method="POST">
  21.         <p>
  22.             <label for="name">姓名</label>
  23.             <input type="text" id="name" name="name" value="<?php echo $staff['name'] ?>">
  24.         </p>
  25.         <p>
  26.             <label for="age">年龄:</label>
  27.             <input type="number" id="age" name="age" value="<?php echo $staff['age'] ?>">
  28.         </p>
  30.         <input type="hidden" name="id" value="<?php echo $staff['id'] ?>">
  31.         <p>
  32.             <label for="sex">性别:</label>
  33.             <input type="radio" id="sex" name="sex" value="1" <?php if ($staff['sex'] == 1) echo 'checked' ?>><label
  34.                 for="">男</label>
  35.             <input type="radio" id="sex" name="sex" value="0" <?php if ($staff['sex'] == 0) echo 'checked' ?>><label
  36.                 for="">女</label>
  37.         </p>
  38.         <p>
  39.             <label for="position">职位:</label>
  40.             <input type="text" id="position" name="position" value="<?php echo $staff['position'] ?>">
  41.         </p>
  42.         <p>
  43.             <label for="mobile">手机号:</label>
  44.             <input type="text" id="tel" name="mobile" value="<?php echo $staff['mobile'] ?>">
  45.         </p>
  47.         <p>
  48.             <label for="hiredate">手机号:</label>
  49.             <input type="text" id="hiredate" name="hiredate" value="<?php echo date('Y-m-d', $staff['hiredate']) ?>">
  50.         </p>
  51.         <p>
  52.             <button>保存</button>
  53.         </p>
  54.     </form>
  55. </body>
  57. </html>
  • 删除脚本
  1. <?php
  3. $sql = "DELETE FROM `staffs` WHERE `id`={$id}";
  5. $stmt = $pdo->prepare($sql);
  6. $stmt->execute();
  7. if ($stmt->rowCount() === 1) echo '<script>alert("删除成功");location.href="fenye.php";</script>';

5. 总结

本次学习分页功能，让我基本熟悉了 php 如何与 html 结合起来开发项目的认识，非常的巧妙和灵活。分页显示,将从 mysql 数据库取出的数据有规律的一段段展示,利用 sql 语句中的 limit,将它的起始数据跟页数绑定,根据页数去数据库取数据

上一条：路由器解析下一条：CSS视频教程,第4章CSS基本样式
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多