<!-- 作业内容：1请建立数据表并填充多条数据，完成原生分页。2.文件上传后端要做哪些拦截？3.事件委托实战：完成链式数据库查询构造器。 -->

PHP 原生分页

1、php 代码

  1. <?php
  3. // 连接数据库
  4. require 'connect.php';
  6. // 1. 当前的页数/页码
  7. $page = $_GET['p'] ?? 1;
  9. // 2. 每页显示的记录数量
  10. $num = 8;
  12. // 3. 总页数
  13. $sql = "SELECT CEIL(COUNT(`pid`)/{$num}) AS `total`  FROM `workplan0921`";
  14. $pages = $pdo->query($sql)->fetch()['total'];
  16. // 4. 偏移量
  17. $offset = $num * ($page - 1);
  19. // 5. 分页数据
  20. $sql = "SELECT * FROM `workplan0921` LIMIT {$num} OFFSET {$offset}";
  22. $plans = $pdo->query($sql)->fetchAll();
  23. // print_r($plans);
  25. ?>
  27. <!doctype html>
  28. <html lang="en">
  29. <head>
  30.     <meta charset="UTF-8">
  31.     <title>分页显示工作计划</title>
  32.     <style>
  33.         * {
  34.             margin: 0;
  35.             padding: 0;
  36.             box-sizing: border-box;
  37.             color: #555;
  38.         }
  40.         body {
  41.             display: flex;
  42.             flex-direction: column;
  43.             align-items: center;
  44.         }
  46.         /*表格样式*/
  47.         table {
  48.             width: 80%;
  49.             border: 1px solid;
  50.             border-collapse: collapse;
  51.             text-align: center;
  52.         }
  54.         table caption {
  55.             font-size: 1.2rem;
  56.             margin: 10px;
  57.         }
  58.         table td,
  59.         table th {
  60.             border: 1px solid;
  61.             padding: 5px;
  62.         }
  64.         table tr:hover {
  65.             background-color: #eee;
  66.         }
  68.         table thead tr:only-of-type {
  69.             background-color: lightblue;
  70.         }
  72.         table button {
  73.             width: 56px;
  74.             height: 26px;
  75.         }
  76.         table button:last-of-type {
  77.             color: red;
  78.         }
  79.         table button {
  80.             /* 光标呈现为指示链接的指针（一只手） */
  81.             cursor: pointer;
  82.             margin: 0 3px;
  83.         }
  84.         table button:first-of-type:hover {
  85.             background-color: red;
  86.         }
  87.         table button:last-of-type:hover {
  88.             background-color: yellow;
  89.         }
  90.         /*分页条样式*/
  91.         body > p {
  92.             display: flex;
  93.         }
  95.         p > a {
  96.             text-decoration: none;
  97.             color: #555;
  98.             border: 1px solid;
  99.             padding: 5px 10px;
  100.             margin: 10px 2px;
  101.         }
  103.         .active {
  104.             background-color: red;
  105.             color: white;
  106.             border: 1px solid red;
  107.         }
  109.         .show1, .show2 {
  110.             display: none;
  111.         }
  113.     </style>
  114. </head>
  115. <body>
  116.     <table>
  117.         <caption>重点工作计划进度明细</caption>
  118.         <thead>
  119.             <tr>
  120.                 <th>STT</th>
  121.                 <th>项目</th>
  122.                 <th>计划</th>
  123.                 <th>主责人</th>
  124.                 <th>完成标准</th>
  125.                 <th>开始时间</th>
  126.                 <th>结束时间</th>
  127.                 <th>完成时间</th>
  128.                 <th>备注</th>
  129.             </tr>
  130.         </thead>
  132.         <tbody>
  133.         <?php foreach ($plans as $plan) : ?>
  134.             <tr>
  135.                 <td><?php echo $plan['stt'];?></td>
  136.                 <td><?php echo $plan['project'];?></td>
  137.                 <td><?php echo $plan['plan'];?></td>
  138.                 <td><?php echo $plan['nguoiphtrach'];?></td>
  139.                 <td><?php echo date('Y-m-d', $plan['starttime']) ?></td>
  140.                 <td><?php echo date('Y-m-d', $plan['endtime']) ?></td>
  141.                 <td><?php echo date('Y-m-d', $plan['timehoanthanh']) ?></td>
  142.                 <td><?php echo $plan['ghichu'];?></td>
  143.             </tr>
  144.         <?php endforeach; ?>
  145.         </tbody>
  146.     </table>
  148.     <!--分页-->
  149.     <p>
  150.         <!--设置省略-->
  151.         <?php
  152.         // 1. 分页条显示7个页码
  153.         $showPages = 7;
  154.         // 2. 分页条的起始页码
  155.         $startPage = 1;
  156.         // 3. 分页条的终止页码
  157.         $endPage = $pages;  // 当前总页数:
  158.         // 4. 分页条的偏移量: (当前分页条显示的页码数 - 1) / 2
  159.         $offsetPage = ($showPages -1) / 2; // 3
  161.         // 只有当前分页条数量 < 总页数, 才有必要显示出省略标记
  162.         if ($showPages < $pages) {
  163.             // 如果当前页 > 偏移量 + 1 , 应该显示...
  164.             if ($page > $offsetPage + 1) {
  165.                 $startOmit = '...';
  166.             }
  168.             // 将当前分页条页码重置
  169.             if ($page > $offsetPage) {
  170.                 $startPage = $page - $offsetPage;
  172.                 $endPage = $page + $offsetPage;
  173.                 if ($endPage > $pages)  {$endPage = $pages;}
  174.             } else {
  175.                 $startPage = 1;
  176.                 $endPage = $showPages;
  177.             }
  179.             // 如果当前页 + 偏移量 > 总页数
  180.             if ($page + $offsetPage > $pages) {
  181.                 // 原理, 就是向当前页前面进行借位
  182.                 // 此时, 新的起点 = 当前位置 - (当前页 + 偏移量 - 原始位置)
  183.                 $startPage = $startPage - ($page + $offsetPage - $endPage);
  184.             }
  186.             if ($showPages < $pages && $page + $offsetPage < $pages) $endOmit = '...';
  187.         }
  189.         ?>
  191.         <?php
  192.         // 设置当在第一页和最后一页时不显示首页、上一页 或 尾页 下一页
  193.         $show1 = ($page == 1) ? 'show1' :null;
  194.         $show2 = ($page == $pages) ? 'show2' :null;
  195.         ?>
  196.         <!--首页-->
  197.         <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=1' ?>" class="<?php echo $show1; ?>">首页</a>
  199.         <!--上一页-->
  200.         <?php
  201.         $prev = $page - 1;
  202.         // 如果已经第1页，则定在第1页
  203.         if ($page == 1) $prev = 1;
  204.         ?>
  205.         <a href="<?php echo $_SERVER['PHP_SELF'] . '?p =' .$prev ?>" class="<?php echo $show1; ?>">上一页</a>
  207.         <!--省略-->
  208.         <?php if (isset($startOmit)) : ?> <a href="#"><?php echo $startOmit ?></a> <?php endif ?>
  210.         <?php for ($i = $startPage; $i <= $endPage; $i++) : ?>
  211.             <?php
  212.             $jump = sprintf('%s?p=%s', $_SERVER['PHP_SELF'], $i);
  213.             $active = ($i == $page) ? 'active' :null;
  214.             ?>
  215.             <a href="<?php echo $jump ?>" class="<?php echo $active ?>"><?php echo $i ?></a>
  216.         <?php endfor; ?>
  218.         <!--省略-->
  219.         <?php if (isset($endOmit)) : ?> <a href="#"><?php echo $endOmit ?></a> <?php endif ?>
  221.         <!--下一页-->
  222.         <?php
  223.         $next = $page + 1;
  224.         // 如果已经最后一页，则定在最后一页
  225.         if ($page == $pages) $next = $pages;
  226.         ?>
  228.         <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=' .$next ?>" class="<?php echo $show2; ?>">下一页</a>
  230.         <!--尾页-->
  231.         <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=' .$pages ?>" class="<?php echo $show2; ?>">尾页</a>
  232.     </p>
  233.     <!--跳转指定页-->
  234.     <form name="form" method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
  235.         <input name="p" type="number" size="3" min="1" max="<?php  echo $pages; ?>">
  236.         <input type="submit" value="跳转">
  237.         <a href="<?php echo $_SERVER['PHP_SELF'] . '?p=' .$_GET['p'] ?>"></a>
  238.     </form>
  240. <script>
  241.     function delet(id){
  242.         if(confirm("是否删除?")){
  243.             return "location.href='handle.php?action=delet&id=<?php echo $plans['id'] ?>";
  244.         }
  245.         return false;
  246.     }
  247. </script>
  249. </body>
  250. </html>

2、演示图片

PHP 文件上传后端处理

1、判断文件是否上传成功

  1. switch ($error):
  2.     case 0:
  3.         echo '<p style="color:green">文件上传成功</p> ';
  4.         break;
  5.     case 1:
  6.         echo '<p style="color:red">文件超过`php.ini`中`upload_max_filesize`值</p>';
  7.         break;
  8.     case 2:
  9.         echo '<p style="color:red">文件大小超过表单中`MAX_FILE_SIZE`指定的值</p>';
  10.         break;
  11.     case 3:
  12.         echo '<p style="color:red">文件只有部分被上传</p>';
  13.         break;
  14.     case 4:
  15.         echo '<p style="color:red">没有文件被上传</p>';
  16.         break;
  17.     case 6:
  18.         echo '<p style="color:red">找不到临时文件夹</p>';
  19.         break;
  20.     case 6:
  21.         echo '<p style="color:red">文件写入失败</p>';
  22.         break;
  23.     default:
  24.         echo '<p style="color:red">系统错误</p>';
  25.         break;
  26. endswitch;

2、检查文件格式

  1. $exts = ['png', 'jpg', 'jpeg', 'wbmp', 'gif'];
  2. if (!in_array($ext, $exts)) {
  3.     echo '非法的文件类型';
  4. }

3、检查大小

  • is_uploaded_file() | 用来检测文件是否是通过 http post 方法上传的，而不是系统上的一个文件。作用是防止潜在攻击者通过问题脚本访问并非用于交互的文件

4、处理文件名问题

  1. if ($error == 0) {
  2.     //移动暂存区的图片到服务器指定的文件目录
  3.     $des = 'storage/';
  4.     if (!file_exists($des)) {
  5.         mkdir($des, 0777, true);
  6.     }
  8.     // 为了确保同一秒钟两个用户上传的图片名称相同情况下，文件都能上传成功
  10.     $arr = explode('.', $originalFilename);
  11.     $ext = end($arr); //后缀
  12.     $prefix = array_shift($arr);
  13.     $newName = date('YmdHms', time()) . md5($prefix) . time() . '.' . $ext;
  14.     move_uploaded_file($tmp_name, $des . $newName);
  15. }

数据库查询构造器链式调用

  1. <?php
  3. /**
  4.  * 事件委托 请求委托  访问类中不存在的成远方法，会被魔术方法拦截，将请求重定向给或者委托给别的对象成员方法类处理。
  5.  * 委托是指一个对象转发或者委托一个请求给另一个对象，被委托的一方替原先对象处理请求。
  6.  * 委托比继承更加灵活  父类与子类的关系是固定的，只能单继承，但是请求可以委托给多个对象
  7.  */
  9. //  被委托的类   数据库查询构造器
  10. class Query
  11. {
  12.     //创建pdo对象的唯一实例
  13.     private static $db;
  14.     protected $table;
  15.     protected $select;
  16.     protected $limit;
  19.     // private私有的 阻止此类在外部进行实例化
  20.     private function __construct(){
  22.     }
  25.     static function connect($dsn, $user, $pwd){
  26.         if (is_null(static::$db)) {
  27.             static::$db = new pdo($dsn, $user, $pwd);
  28.         }
  29.         // return static::$db;
  30.         // 返回query实例
  31.         return new static;
  32.     }
  35.     public function table($table){
  36.         $this->table = $table;
  37.         return $this; //返回本对象 为了实现链式调用
  38.     }
  41.     public function where($field, $chart = '=', $value){
  42.         $this->where = $field .' ' .$chart .' ' .$value;
  43.         return $this;
  44.     }
  47.     public function select(...$select){
  48.         foreach ($select as $val){
  49.             $field .= $val .', ';
  50.         }
  52.         $this->select = rtrim($field,',');
  53.         return $this;
  54.     }
  57.     public function limit($limit){
  58.         $this->limit = $limit;
  59.         return $this;
  60.     }
  63.     public function getSql(){
  64.         echo sprintf('SELECT %s FROM %s LIMIT %d ', $this->select == '' ? '*' : $this->select, $this->table, $this->limit);
  65.     }
  67.     public function first(){
  68.         return  static::$db->query($this->getSql())->fetch(PDO::FETCH_ASSOC);
  69.     }
  70. }
  73. // 委托方
  75. class DB
  76. {
  77.     static function __callStatic($name, $arguments){
  78.         $dsn = 'mysql:host=localhost;dbname=yllblroot;charset=utf8;port=3306';
  79.         $user = 'root';
  80.         $pwd = 'root';
  82.         // 获取到被委托的类Query实例
  83.         $q = Query::connect($dsn, $user, $pwd);
  84.         return  call_user_func([$q, $name], ...$arguments);
  85.     }
  86. }
  88. // 客户端代码
  89. $res = DB::table('workplan0921')->limit(20)->first();
  90. var_dump($res);

更多相关文章

  1. laravel_day4
  2. laravel_day3
  3. 学习了事件的冒泡与事件的委托代理以及表单提交验证js线程运行机
  4. 【ThinkPHP框架】tp的视图标签、request请求、数据库链式查询等
  5. 【第773期】你不懂JS：行为委托
  6. Android链式方法显示Dialog
  7. Android链式方法显示Dialog
  8. Android中的ClassLoader
  9. GridView的简单使用，带有点击事件

随机推荐

  1. . io .IOException:setDataSource失败了
  2. Android图形图像处理之Bitmap和BitmapFac
  3. android里Toast的用法
  4. 无法向CalendarView事件添加侦听器
  5. 实现基于注解（Annotation）的数据库框架（一）反
  6. Android内容提供者——Content Providers
  7. OpenCV4Android中图像预览旋转90度的问题
  8. 如何将本机应用程序（android）与phonegap应
  9. 【Android学习】数据传递三种方式
  10. 说说Android的广播(4) - 前台广播为什么