简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Home
Article
Q&A
Course
Topic
Download
Game
Dictionary
Recent Updates

博客列表 >PHP分页数据展示

PHP分页数据展示

蔚蓝世纪
蔚蓝世纪原创
2020年05月18日 09:43:15664浏览
PHP分页数据输出效果预览

基本流程

一、建立数据库连接桥梁connect.php

代码演示：
  1. <?php
  2. $dsn = 'mysql:host=localhost;dbname=phpedu;charset=utf8;port=3306';
  3. $username = 'root';
  4. $password = 'root';
  5. try {
  6. $pdo = new PDO($dsn, $username, $password);
  7. $pdo->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC);
  8. } catch (Exception $e) {
  9. die($e->getMessage());
  10. }

二、连接数据库并设置分页数据

代码演示：
  1. <?php
  3. require 'connect.php';// 连接数据库
  4. $page = $_GET['p'] ?? 1;//设置当前的页数/页码
  5. $num = 5;// 设置每页显示的记录数量
  7. $sql = "SELECT CEIL(COUNT(`id`)/{$num}) AS `total`  FROM `staffs`";
  8. $pages = $pdo->query($sql)->fetch()['total'];// 设置总页数
  10. $offset = $num * ($page - 1);// 设置偏移量
  12. $sql = "SELECT * FROM `staffs` LIMIT {$num} OFFSET {$offset}";
  13. $staffs = $pdo->query($sql)->fetchAll();// 设置分页数据

三、导入数据库，遍历数组

代码演示：
  1. <?php require 'demo1.php' ?>
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>首页</title>
  8.     <link rel="stylesheet" href="style.css">
  9. </head>
  10. <body>
  11. <nav>
  12. <?php if (isset($user)) : ?>
  13.             <a href="" id="logout"><span style="color:red"><?php echo $user['name']?></span>&nbsp;&nbsp;退出</a>
  14.         <?php else: ?>
  15. <ul>
  16.       <li><a href="#" title="首页" target="_blank">首页</a></li>
  17.       <li><a href="#" title="音乐" target="_blank">音乐</a></li>
  18.       <li><a href="#" title="舞蹈" target="_blank">舞蹈</a></li>
  19.       <li><a href="#" title="绘画" target="_blank">绘画</a></li>
  20.       <li><a href="#" title="雕塑" target="_blank">雕塑</a></li>
  21.       <li><a href="#" title="书法" target="_blank">书法</a></li>
  22.       <li><a href="#" title="戏曲" target="_blank">戏曲</a></li>
  23.       <li><a href="#" title="相声" target="_blank">相声</a></li>
  24.       <li><a href="#" title="小品" target="_blank">小品</a></li>
  25.       <li><a href="#" title="戏曲" target="_blank">非遗</a></li>
  26.       <li><a href="session/login.php" title="登录" target="_blank">登录</a></li>
  27.       <li><a href="session/register.php" title="注册" target="_blank">注册</a></li>
  28.     </ul>
  29. </nav>
  30. <?php endif ?>
  32.     <table>
  33.     <caption>文化馆职工管理系统</caption>
  34.     <thead>
  35. <tr>
  36.     <th>I D</th>
  37.     <th>姓 名</th>
  38.     <th>年 龄</th>
  39.     <th>性 别</th>
  40.     <th>职 位</th>
  41.     <th>手 机</th>
  42.     <th>入职时间</th>
  43.     <th>操 作</th>
  44. </tr>
  45. </thead>
  46. <tbody>
  48. <?php foreach ($staffs as $staff) : ?>
  49.     <tr>
  50.         <td><?php echo $staff['id'] ?></td>
  51.         <td><?php echo $staff['name'] ?></td>
  52.         <td><?php echo $staff['age'] ?></td>
  53.         <td><?php echo $staff['sex'] ? '男' : '女' ?></td>
  54.         <td><?php echo $staff['position'] ?></td>
  55.         <td><?php echo $staff['mobile'] ?></td>
  56.         <td><?php echo date('Y-m-d', $staff['hiredate']) ?></td>
  57.         <td><button onclick="location.href='handle.php?action=edit&id=<?php echo $staff['id'] ?>'">编辑</button>
  58.         <button onclick="del(<?php echo $staff['id'] ?>)">删除</button></td>
  59.     </tr>
  60. <?php endforeach; ?>
  61. </tbody>
  62.     </table>
  63. <!-- 添加跳转到首页, 前一页, 下一页, 尾页的功能 -->
  64. <p>
  65. <?php
  66. $showPages = 5;// 分页条显示5个页码
  67. $startPage = 1;// 分页条的起始页码
  68. $endPage = $pages;  // 分页条的终止页码
  69. $offsetPage = ($showPages -1) / 2; // (当前分页条显示的页码数 - 1) / 2
  70. // 设置显示省略标记
  71. if ($showPages < $pages) {
  72.     if ($page > $offsetPage + 1) {
  73.         $startOmit = '...';
  74.     }
  76. if ($page > $offsetPage) {
  77.         $startPage = $page - $offsetPage;
  79.         $endPage = $page + $offsetPage;
  80.         if ($endPage > $pages)  {$endPage = $pages;}
  81.     } else {
  82.         $startPage = 1;
  83.         $endPage = $showPages;
  84.     }
  86.     if ($page + $offsetPage > $pages) {
  87.         $startPage = $startPage - ($page + $offsetPage - $endPage);
  88.     }
  89.     if ($showPages < $pages && $page + $offsetPage < $pages) $endOmit = '...';
  90. }
  92. ?>
  94. <!-- 首页 -->
  95. <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=1' ?>">首页</a>
  97. <!-- 前一页 -->
  98. <?php
  99. $prev = $page - 1;
  100. if ($page == 1) $prev = 1; 
  101. ?>
  102. <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=' . $prev ?>">前一页</a>
  103. <?php if (isset($startOmit)) : ?> <a href="#"><?php echo $startOmit ?></a> <?php endif ?>
  104.     <?php for ($i=$startPage; $i<=$endPage; $i++): ?>
  105.         <?php
  106.         $jump = sprintf('%s?p=%s', $_SERVER['PHP_SELF'],  $i );
  107.         $active = ($i == $page) ? 'active' :null;
  108.         ?>
  109.         <a href="<?php echo $jump ?>" class="<?php echo $active ?>"><?php echo $i ?></a>
  110.     <?php endfor ?>
  112.     <?php if (isset($endOmit)) : ?> <a href="#"><?php echo $endOmit ?></a> <?php endif ?>
  114. <!-- 下一页 -->
  115. <?php
  116. $next = $page + 1;
  117. if ($page == $pages) $next = $pages; 
  118. ?>
  119. <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=' . $next ?>">下一页</a>
  121. <!-- 尾页 -->
  122. <a href="<?php echo $_SERVER['PHP_SELF'] . '?p='. $pages ?>">尾页</a>
  123. </p>
  125. <script>
  126.     function del(id) {
  127.         return confirm('是否删除?') ? alert('删除成功') : false;
  128.     }
  129. </script>
  130. </body>
  131. </html>

四、创建编辑员工信息数据文件edit.php

代码演示：
  1. <?php
  2. // 获取被编辑的员工信息
  3. $staff = $pdo->query("SELECT * FROM `staffs` WHERE `id`={$id}")->fetch();
  4. // print_r($staff);//测试打印数据
  5. ?>
  7. <!DOCTYPE html>
  8. <html lang="en">
  9. <head>
  10.     <meta charset="UTF-8">
  11.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12.     <title>Document</title>
  13. </head>
  14. <body>
  15.     <h3>编辑员工信息</h3>
  16.     <form action="<?php echo $_SERVER['PHP_SELF'].'?action=doedit&id='. $id ?>" method="post">
  17.         <p>
  18.             <label for="name">姓名</label>
  19.             <input type="text" id="name" name="name" value="<?php echo $staff['name'] ?>">
  20.         </p>
  21.         <p>
  22.         <label for="age">年龄:</label>
  23.         <input type="number" id="age" name="age" value="<?php echo $staff['age'] ?>">
  24.     </p>
  26.     <input type="hidden" name="id" value="<?php echo $staff['id'] ?>">
  27.     <p>
  28.         <label for="sex">性别:</label>
  29.         <input type="radio" id="sex" name="sex" value="1" <?php if ($staff['sex'] == 1) echo 'checked' ?>><label for="">男</label>
  30.         <input type="radio" id="sex" name="sex" value="0" <?php if ($staff['sex'] == 0) echo 'checked' ?>><label for="">女</label>
  31.     </p>
  32.     <p>
  33.         <label for="position">职位:</label>
  34.         <input type="text" id="position" name="position" value="<?php echo $staff['position'] ?>">
  35.     </p>
  36.     <p>
  37.         <label for="mobile">手机号:</label>
  38.         <input type="text" id="tel" name="mobile" value="<?php echo $staff['mobile'] ?>">
  39.     </p>
  41.     <p>
  42.         <label for="hiredate">手机号:</label>
  43.         <input type="text" id="hiredate" name="hiredate" value="<?php echo date('Y-m-d', $staff['hiredate']) ?>">
  44.     </p>
  45.     <p>
  46.         <button>保存</button>
  47.     </p>
  48.     </form>
  49. </body>
  50. </html>
输出效果：

五、删除信息数据

代码演示：
  1. <?php
  2. require 'demo1.php';
  3. $action = $_GET['action'];
  4. $id = $_GET['id'];
  5. switch ($action) {
  6. // 编辑需要进行两步
  7. // 1. 渲染编辑表单
  8.     case 'edit':
  9.         include 'edit.php';
  10.     break;
  11. // 2. 执行编辑操作
  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);
  15.         // $_POST['id'] = $id;
  16.         $_POST['hiredate'] = strtotime($_POST['hiredate']);
  17.         $stmt = $pdo->prepare($sql);
  18.         $stmt->execute($_POST);
  19.         if ($stmt->rowCount() === 1) echo '<script>alert("更新成功");location.href="demo4.php";</script>';
  21. // 3. 删除员工数据
  22.     case 'del':
  23.         $stmt = $pdo->query('delete from `staffs` where `id`=$id');
  24.         if ($stmt->rowCount() === 1) echo '<script>alert("删除成功");location.href="demo4.php";</script>';
  25.         break;
  26. }
输出效果：

六、总结

对于在服务器上处理表格数据有了大体的概念，虽然目前学到的知识是零散的，当然还有些迷惑，但是脑子里已经有了基本的呈现思路，对于呈现这些思路的工具和命令必然要十分熟悉，而且我认为获得最佳的用户体验（俗称用得顺手）是程序员不懈追求的动力。

上一条：为什么说支付宝小程序更适合商家？除了离钱更近，还有四大优势！下一条：PHP扩展：Composer组件的安装和使用
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多