search

博客列表 >动态分页制作及composer自动加载及第三方验证码使用

动态分页制作及composer自动加载及第三方验证码使用

缘亦
缘亦原创
2021年08月26日 16:32:47682浏览

composer类的自动加载机制

页面文件引用:
require 'vendor/lotoload.php';
在composer.json添加autoload字段,共有3三形式,推荐使用第3种方式:psr-4规范.添加完后要在终端中执行 composer dump-autoload这样做的自动加载才会生效

1.在composer.json添加autoload字段files

  1. "autoload":{
  2. "files": [
  3. "add/controller/Login.php",
  4. "add/controller/User.php"
  5. ]
  6. }

2.在composer.json添加autoload字段classmap,

  1. "autoload":{
  2. "classmap": [
  3. "add/controller/"
  4. ]
  5. }

3.psr-4规范,推荐使用

类的命名空间与类文件所在目录进行绑定,并且类文件名称与类名称保持一致,使用psr-4命名空间最后,必须以”\”空间分隔符结束,这样以来在绑定的目录中添加新类时,不必执行 composer dump-autoload操作就能生效

  1. "autoload":{
  2. "psr-4": {
  3. "app\\controller\\":"app/controller",
  4. "extend\\lib\\":"extend/lib"
  5. }
  6. }

实战:

使用composer安装三方验证码库完善登录页面,登录后转到用户列表页面,在这个页面做一个动态分页

除了composer相关的文件及第三方验证码库文件比较多就不贴出来了,贴出来所写的几个文件

  • login.php //登录界面
  • user.php //用户列表界面
  • dataBase.php //核心文件
  • session.php //验证码页面

先来看个实际演示

login.php登录界面

  1. <?php
  2. session_start();
  3. require_once __DIR__.'/composer/vendor/autoload.php';
  4. use Gregwar\Captcha\PhraseBuilder;
  5. ?>
  6. <!DOCTYPE html>
  7. <html lang = 'en'>
  8. <head>
  9. <meta charset = 'utf-8' />
  10. <title>用户登录</title>
  11. <meta name = 'viewport' content = 'width=device-width, initial-scale=1.0' />
  12. <meta name = 'description' content = 'Premium Bootstrap 4 Landing Page Template' />
  13. <meta name = 'keywords' content = 'bootstrap 4, premium, marketing, multipurpose' />
  14. <meta content = 'Themesdesign' name = 'author' />
  16. <!-- css -->
  17. <link href = 'https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css' rel = 'stylesheet' type = 'text/css' />
  19. <!--Themify Icon -->
  20. </head>
  22. <body>
  24. <section>
  25. <div class = 'container'>
  26. <div class = 'row justify-content-center mt-4'>
  27. <div class = 'col-lg-4'>
  28. <nav>
  29. <?php if (!isset($_SESSION['username']) || empty($_SESSION['username'])): ?>
  30. <div class = 'bg-white p-4 rounded'>
  31. <div class = 'text-center'>
  32. <h4 class = 'fw-bold mb-3'>用户登录</h4>
  33. </div>
  34. <div class = 'row login-form'>
  35. <div class = 'col-lg-12 mt-2'>
  36. <input type="text" name="username" class = 'form-control' placeholder="用户名"   autofocus>
  37. </div>
  38. <div class = 'col-lg-12 mt-2'>
  39. <input type="password" name="password" class = 'form-control' placeholder="请输入密码"   >
  40. </div>
  41. <div class = 'col-lg-12 mt-2'>
  42. <input type = 'code' class = 'form-control' placeholder = '验证码' required = ''  name="code" id="code" style = 'float: left; width:55%;'>
  43. <label class = 'form-check-label'>
  44. <img src = 'session.php' onclick="this.src='session.php?id='+ Math.random();" height = '40px' style="margin: auto 10px;vertical-align: bottom; cursor:pointer" alt = '点击刷新'>
  45. </label>
  46. <span id="error_msg"> </span>
  47. </div>
  48. <div class = 'col-lg-12 mt-2'>
  49. <div class = 'form-check'>
  50. <input class = 'form-check-input' style = 'color: red;' type = 'checkbox' value = '' id = 'flexCheckDefault'>
  51. <label class = 'form-check-label' for = 'flexCheckDefault'>
  52. 记住
  53. </label>
  54. </div>
  55. </div>
  56. <div class = 'col-lg-12 mt-3 mb-4'>
  57. <button type ="button" class = 'btn btn-primary w-100' name="btn">登录</button>
  58. </div>
  59. <div class = 'txet-center'>
  60. <p class = 'mb-0 mt-2 text-center'>
  61. <a href = 'reg.php' class = 'text-dark fw-bold'>注册用户</a>
  62. </p>
  63. </div>
  64. </div>
  65. </div>
  67. <?php else : ?>
  68. <div class = 'text-center'>
  69. <h4 class = 'fw-bold mb-3'>您以成功登录</h4>
  70.             <a href="javascript:;"><?=$_SESSION['username']?></a>&nbsp;
  71.             <a href="dataBase.php?type=3">退出</a>
  72.         </div>
  73.             <?php endif ?>
  74.         </nav>
  75. </div>
  76. </div>
  77. </div>
  78. </section>
  80. <!-- javascript -->
  82. <script type = 'text/javascript' src = "
  83. https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  84. <script type="text/javascript">
  86. //登录
  87. $('button[name="btn"]').click(function(){
  88.     var data = {};
  89.     data.username =$.trim($('input[name="username"]').val()) ;
  90.     data.password = $.trim($('input[name="password"]').val());
  91.     data.type = 1;
  92.     var code = $.trim($('input[name="code"]').val())
  93.     if(data.username == '' || data.password == '' ||  code == '')
  94.     {
  95.         alert('必选项不能为空哦~');
  96.         return;
  97.     }
  98.     $.post('dataBase.php',data,function(res){ 
  99.         if(res.status == 1)
  100.         {
  101.             alert(res.msg);
  102.             //用户验证通过 跳转用户列表页
  103.             setTimeout(()=>location.href = 'User.php',500);
  104.         }else{
  105.             alert(res.msg);
  106.         }
  107.     },"json")
  108. })
  111. //使用ajax异步验证 验证码
  112. $('input[name="code"]').keyup(function(){
  113.         var data={};
  114.         data.code_value = $.trim($(this).val());
  115.         data.type = 2;
  116.         if(data.code_value == '') 
  117.         {
  118.             $("#error_msg").html("<span style='color:green'>验证码不能为空</span>") 
  119.             return;
  120.         }
  121.         $.post('dataBase.php',data,function(res){
  122.             if(res.status == 1)
  123.             {
  124.                 $("#error_msg").html("<span style='color:green'>验证码正确</span>")
  125.             }else{
  126.                 $("#error_msg").html("<span style='color:red'>验证码错误</span>")
  127.             }
  128.         },"json")
  129.     })
  130. </script>
  131. </body>
  133. </html>

user.php //用户列表界面

  1. <?session_start()?>
  2. <? require 'dataBase.php' ?>
  3. <!DOCTYPE HTML>
  4. <html>
  5. <!DOCTYPE html>
  6. <html lang="en">
  8. <head>
  9.     <meta charset="UTF-8">
  10.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12.     <title>用户修改</title>
  13.     <style type="text/css">
  14.     /*节省空间CSS给压缩了*/
  15.         body,td,th{font-size:12px;font-family:"微软雅黑";}img{border:0;}ul,li{margin:0;padding:0;list-style:none;}ul.table1{height:30px;border-bottom:1px solid #fff;clear:both;}ul.table1 li{background:#61c0bf;float:left;border-right:1px #fff solid;line-height:30px;text-align:center;font-weight:bold;color:#fff;}ul.table2{height:30px;border-bottom:1px solid #fff;clear:both;}ul.table2 li{background:#bbded6;float:left;border-right:1px #fff solid;line-height:30px;text-align:center;}.name1{width:50px;}.name2{width:150px;}.name3{width:150px;}.name4{width:200px;}.name5{width:100px;text-align:left;}ul.pagination{display:inline-block;padding:0;margin:5px 0;}ul.pagination li{display:inline;}ul.pagination li a{color:#0d7377;float:left;padding:8px 16px;text-decoration:none;border: 1px solid #bbded6;margin-right: 5px;}ul.pagination li a.active{background-color:#61c0bf;color:#fff;border: 1px solid #61c0bf;}ul.pagination li a:hover:not(.active){background-color:#bbded6;}
  16.     </style>
  17. </head>
  19. <body>
  20. <?php if (!isset($_SESSION['username']) || empty($_SESSION['username'])): ?>
  21.     <?php header( 'Location: login.php' ) ?>
  22.     <?php else : ?>
  23.     <h3 style="float: left;">用户列表</h3><h4 class style="float: right;">您以成功登录
  24.             <a href="javascript:;"><?=$_SESSION['username']?></a>&nbsp;
  25.             <a href="dataBase.php?type=3">退出</a></h4>
  26.         </div>
  27.     <ul class="table1">
  28.         <li class="name1">序号</li>
  29.         <li class="name2">名称</li>
  30.         <li class="name3">邮件</li>
  31.         <li class="name4">注册日期</li>
  32.         <li class="name5">操作</li>
  33.     </ul>
  34.     <? foreach($users as $user):?>
  35.     <ul class="table2">
  36.         <li class="name1"><?= $user['id']?></li>
  37.         <li class="name2"><?= $user['username']?></li>
  38.         <li class="name3"><?= $user['email']?></li>
  39.         <li class="name4"><?= date("Y-m-d H:i:s",$user['data']) ?></li>
  40.         <li class="name5"><button>修改</button> <button>删除</button></li>
  41.     </ul>
  43.     <?php endforeach;?>
  44.     <ul class="pagination">
  45.     <?php $prev = $page - 1; if($page == 1) $prev = 1; if($page != 1):?>
  46.         <li><a href="?p=1'"><<</a></li>
  47.         <li><a href="?p=<?=$prev ?>"><</a></li>
  48.     <?endif?>
  50.     <? for($i =1; $i <= $pages; $i++ ):?>
  51.         <li><a class="<?php $page==$i ? print 'active' : 'null' ?>" href="?p=<?=$i?>"><?=$i?></a></li>
  52.     <? endfor; ?>
  54.     <?php $next = $page + 1; if($next == $page) $next = $page?>
  55.         <?php if($page != $pages):?>
  56.          <li><a href="?p=<?=$next?>">></a></li>
  57.          <li><a href="?p=<?=$pages?>">>></a></li>
  58.         <?php endif?>
  59.     </ul>
  60.     <div style="clear:both"></div>
  61.     <?php endif ?>
  62. </body>
  63. </html>

dataBase.php //核心文件

  1. <?php
  2. session_start();
  3. $pdo = new PDO( 'mysql:host=localhost;dbname=test', 'root', 'root', [PDO::ATTR_ERRMODE=> PDO::ERRMODE_WARNING, PDO::ATTR_DEFAULT_FETCH_MODE=>PDO::FETCH_ASSOC] );
  5. //分页函数
  6. //设置每页显示的数量 默认为3
  7. $num = 5;
  8. //当前页码, 默认为1
  9. $page = $_GET['p'] ?? 1;
  11. //偏移量 = ( 页码 -1 ) * 每页的显示数量
  12. $offset = ( $page - 1 ) * $num ;
  14. //获取分页数据
  15. $sql = " SELECT `id`,`username`,`password`,`email`,`c_time` FROM `user` ORDER BY `id` ASC  LIMIT {$num} OFFSET {$offset} ";
  16. $users = $pdo->query( $sql )->fetchAll();
  18. //获取总页数
  19. $sql = 'SELECT  COUNT(`id`) AS `sum` FROM `user`';
  20. $count = $pdo->query( $sql )->fetch()['sum'];
  21. $pages = ceil( $count/$num );
  23. //登录函数
  24. $username = !empty( $_POST['username'] ) && isset( $_POST['username'] ) ? $_POST['username']:null;
  25. $password = !empty( $_POST['password'] ) && isset( $_POST['password'] ) ? md5( $_POST['password'] ):null;
  26. $code = !empty( $_POST['code_value'] ) && isset( $_POST['code_value'] ) ? $_POST['code_value'] :null;
  28. //请求分发器 type 1登录验证 2 验证码验证   3退出登录
  29. $type = isset( $_REQUEST['type'] ) && !empty( $_REQUEST['type'] ) ? intval( $_REQUEST['type'] ):null;
  31. switch( $type )
  32.  {
  33.     case 1:
  34.     //检测用户是否存在
  35.     $sql = 'SELECT `username`,`password` FROM `user` WHERE `username`= ? AND `password`=? ; ';
  36.     $stmt = $pdo->prepare( $sql );
  37.     $stmt->execute( [$username, $password] );
  38.     $res  = $stmt->fetch();
  39.     if ( $res )
  40.  {
  41.         //验证通过  存session
  42.         $_SESSION['username'] = $res['username'];
  43.         echo json_encode( array( 'status'=>1, 'msg'=>'登录成功...正在跳转' ), 320 );
  44.         exit;
  46.     }
  47.     echo json_encode( array( 'status'=>0, 'msg'=>'用户名或密码错误' ), 320 );
  49.     break;
  50.     case 2:
  51.     //将session中的验证码和用户提交的验证码进行核对, 当成功时提示验证码正确，并销毁之前的session值, 不成功则重新提交 strcasecmp
  52.     if ( !empty( $code ) && strtolower( $_SESSION['code'] ) === strtolower( $code ) ) {
  53.         $_SESSION['code'] = '';
  54.         echo json_encode( ['status'=>1, 'msg'=>'验证码正确'], 320 );
  55.         exit;
  56.     }
  57.     echo json_encode( ['status'=>0, 'msg'=>'验证码不正确'], 320 );
  58.     break;
  60.     // 退出登录
  61.     case 3:
  62.     // 清空session变量
  63.     session_unset();
  64.     // 删除session文件
  65.     session_destroy();
  66.     header( 'Location: login.php' );
  68.     break;
  69.     // default:
  70.     // echo json_encode( ['status'=>520, 'msg'=>'非法参数访问'], 320 );
  71.     // break;
  73. }

session.php //验证码页面

  1. <?php
  2. // We need the session to store the correct phrase for later check
  3. session_start();
  5. // Including the autoload ( you need to composer install in the main directory )
  6. require_once __DIR__.'/composer/vendor/autoload.php';
  7. //引用composer自动加载文件
  8. use Gregwar\Captcha\CaptchaBuilder;
  10. // Creating the captcha instance and setting the phrase in the session to store
  11. // it for check when the form is submitted
  12. $code = new CaptchaBuilder;
  13. $_SESSION['code'] = $code->getPhrase();
  15. // Setting the header to image jpeg because we here render an image
  16. header( 'Content-Type: image/jpeg' );
  18. // Running the actual rendering of the captcha image
  19. $code
  20. ->build()
  21. ->output()
  22. ;
上一条：利用表格常用标签制造一个商品列表下一条：curl扩展与composer
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多