PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布
首页
课程
路径
文章
PHP培训
精品课
下载
最新更新

博客列表 > 基于会话控制的用户登录与验证（0114php开发）

基于会话控制的用户登录与验证（0114php开发）

小辰
小辰 原创
2020年01月17日 14:16:07 778浏览

1.先来老夫创建过程手写图

2.页面的效果的实现图

主要是以下几个页面
1.未登录的首页

2.登录页面

3.注册页面

4.登录后效果

3.通过cookie实现的效果代码

主页代码
  1. <?php
  2. // 判断是否已登录?
  3. if (filter_has_var(INPUT_COOKIE, 'user')) {
  4.     $user = unserialize(filter_input(INPUT_COOKIE, 'user'));
  5.     // print_r($user);
  6. }
  7. ?>
  8. <!DOCTYPE html>
  9. <html lang="en">
  11. <head>
  12.     <meta charset="UTF-8">
  13.     <title>首页</title>
  14.     <link rel="stylesheet" type="text/css" href="../css/index.css">
  15. </head>
  17. <body>
  18.     <nav>
  19.         <a href="">我的首页</a>
  20.         <?php if (isset($user)) : ?>
  21.             <a href="" id="logout">
  22.                 <span><?php echo $user['name'] ?></span>
  23.                 退出
  24.             </a>
  25.         <?php else : ?>
  26.             <a href="login.php">登录</a>
  27.         <?php endif ?>
  28.     </nav>
  30.     <script>
  31.         //        为退出按钮创建事件监听器
  32.         if (document.querySelector('#logout') !== null) {
  33.             document.querySelector('#logout').addEventListener('click', function(event) {
  34.                 if (confirm('是否退出')) {
  35.                     // 禁用默认行为, 其实就是禁用原<a>标签的点击跳转行为,使用事件中的自定义方法处理
  36.                     event.preventDefault();
  37.                     // 跳转到退出事件处理器
  38.                     window.location.assign('handle.php?action=logout');
  39.                 }
  40.             });
  41.         }
  42.     </script>
  43. </body>
  45. </html>
登录页面
  1. <?php
  2. // 判断是否已登录
  3. if (filter_has_var(INPUT_COOKIE, 'user')) {
  4.     exit('<script>alert("请不要重复登录");location.href="index.php"</script>');
  5. }
  6. ?>
  8. <!DOCTYPE html>
  9. <html>    
  10. <head>
  11. <title>用户登录</title>
  12. <meta name="viewport" content="width=device-width, initial-scale=1">
  13. <meta charset="utf-8">
  14. <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
  15. <meta name="keywords" content="Flat Dark Web Login Form Responsive Templates, Iphone Widget Template, Smartphone login forms,Login form, Widget Template, Responsive Templates, a Ipad 404 Templates, Flat Responsive Templates" />
  16. <link href="css/style.css" rel='stylesheet' type='text/css' />
  18. </head>
  19. <body>
  20. <script>
  21. // $(document).ready(function(c) {
  22. //     $('.close').on('click', function(c){
  23. //         $('.login-form').fadeOut('slow', function(c){
  24. //               $('.login-form').remove();
  25. //         });
  26. //     });      
  27. // });
  28. </script>
  29.  <!--SIGN UP-->
  30.  <h1>用户登录</h1>
  31. <div class="login-form">
  32.     <div class="close"> </div>
  33.         <div class="head-info">
  34.             <label class="lbl-1"> </label>
  35.             <label class="lbl-2"> </label>
  36.             <label class="lbl-3"> </label>
  37.         </div>
  38.             <div class="clear"> </div>
  39.     <div class="avtar">
  40.         <img src="images/avtar.png" />
  41.     </div>
  42.             <form action="handle.php?action=login" method="post">
  43.                     <input type="text" class="text" name="name" id="name" value="Username" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'zhangheng';}" >
  44.                         <div class="key">
  45.                     <input type="password" name="password" id="password"value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}">
  46.                         </div>
  47.                     <div class="signin">
  48.             <input type="submit" value="登录" >
  49.             </div>
  50.             </form>
  52.         <a href="register.php">还没有帐号, 注册一个吧</a>    
  54. </div>
  55. </body>
  56. </html>
注册页面代码
  1. <!DOCTYPE html>
  2. <html lang="en">
  4.     <head>
  5.         <meta charset="UTF-8" />
  6.         <title>用户注册</title>
  7.     </head>
  9.     <body>
  10.         <h3>用户注册</h3>
  11.         <form action="handle.php?action=register" method="post" onsubmit="return compare()">
  12.             <div>
  13.                 <label for="name">账号名称:</label>
  14.                 <input type="text" name="name" id="name" placeholder="不少于3个字符" required autofocus>
  15.             </div>
  16.             <div>
  17.                 <label for="email">邮箱:</label>
  18.                 <input type="email" name="email" id="email" placeholder="demo@email.com" required>
  19.             </div>
  21.             <div>
  22.                 <label for="p1">密码:</label>
  23.                 <input type="password" name="p1" id="p1" placeholder="不少于6位" required>
  24.             </div>
  26.             <div>
  27.                 <label for="p2">重复:</label>
  28.                 <input type="password" name="p2" id="p2" placeholder="必须与上面一致" required>
  29.             </div>
  31.             <div>
  32.                 <button>提交</button><span id="tips" style="color: red"></span>
  33.             </div>
  34.         </form>
  35.         <a href="login.php">我有帐号,直接登录</a>
  38.         <script>
  39.             // 验证二次密码是否相等?
  40.             function compare() {
  41.                 if (document.forms[0].p1.value.trim() !== document.forms[0].p2.value.trim()) {
  42.                     document.querySelector('#tips').innerText = '二次密码不相等';
  43.                     return false;
  44.                 }
  45.             }
  46.         </script>
  47.     </body>
  49. </html>
对话控制文件代码
  1. <?php
  3. // 用户资料库, 实际项目中,应该用数据库
  4. $users = [
  5.     [
  6.         'id' => 1,
  7.         'name' => '1',
  8.         'email' => 'admin@php.cn',
  9.         'password' => '123456',
  10.     ],
  11.     [
  12.         'id' => 2,
  13.         'name' => 'peter',
  14.         'email' => 'peter@php.cn',
  15.         'password' => '7c4a8d09ca3762af61e59520943dc26494f8941b',
  16.     ],
  17. ];
  19. // 1. 验证请求来源的合法性
  20. // 设置合法请求地址的白名单
  21. $allowUrls = ['index.php', 'login.php', 'register.php'];
  23. // 获取当前的请求入口地址
  24. $currentUrl = basename(filter_input(INPUT_SERVER, 'HTTP_REFERER'));
  26. if (!in_array($currentUrl, $allowUrls)) {
  27.     exit('非法来源');
  28. } 
  31. // 2. 请求的分发处理
  32. // 获取到当前的请求
  33. $action = filter_input(INPUT_GET, 'action', FILTER_SANITIZE_STRING);
  35. $action = strtolower($action);
  37. switch ($action) {
  38.         // 1. 登录
  39.     case 'login':
  40.         // (1) 判断请求的合法性
  41.         if (filter_input(INPUT_SERVER, 'REQUEST_METHOD') === 'POST') {
  42.             // (2)获取到当前请求的数据
  43.             $name = filter_input(INPUT_POST, 'name');
  44.             // echo $name;
  45.             // 密码不要过滤
  46.             $password = filter_input(INPUT_POST, 'password');
  47.             // echo $email, $password;
  49.             $results = array_filter($users, function ($user) use ($name, $password) {
  50.                 return $name === $user['name'] && $password === $user['password'];
  51.             });
  53.              print_r(count($results));
  54.             if (count($results) === 1) {
  55.                 // setcookie('user', serialize($results[0]));
  56.                 setcookie('user', serialize(array_pop($results)));
  57.                 // print_r(unserialize($_COOKIE['user']));
  58.                 exit('<script>alert("验证通过");location.href="index.php"</script>');
  59.             } else {
  60.                 exit('<script>alert("用户名或密码错误,或没有帐号");location.href="register.php"</script>');
  61.             }
  63.         } else {
  64.             exit('非法请求');
  65.         }
  66.         break;
  67.         // 2. 退出
  68.     case 'logout':
  69.         if (filter_input(INPUT_COOKIE, 'user')) {
  70.             setcookie('user', null, time()-3600);
  71.             exit('<script>alert("退出成功");location.href="index.php"</script>');
  72.         }
  73.         break;
  75.         // 3.注册
  76.     case 'register':
  77.        $name = filter_var(filter_input(INPUT_POST, 'name'), FILTER_SANITIZE_SPECIAL_CHARS);
  78.        $email = filter_var(filter_input(INPUT_POST, 'email', FILTER_VALIDATE_EMAIL), FILTER_SANITIZE_EMAIL);
  79.        $password = filter_input(INPUT_POST, 'p1');
  80.        $id = 3;
  82.        $data = compact('id', 'name', 'password');
  83.        // $users[] = $data;
  84.        // 这下面的弹窗没有
  85.     if (array_push($users, $data) == 1) {
  86.         exit('<script>alert("注册成功");location.assign("index.php");</script>');
  87.     }
  88.     print_r($users);
  91.         break;
  93.         // 未定义操作
  94.     default:
  95.         exit('未定义操作');
  96. }
对css效果代码，此处省略100行，蟹蟹。

4.通过session实现会话控制

主页面代码
  1. <?php
  2. session_start();
  5. if (isset($_SESSION['user'])) {
  6.     $user = $_SESSION['user'];
  7. }
  8. ?>
  9. <!DOCTYPE html>
  10. <html lang="en">
  12. <head>
  13.     <meta charset="UTF-8">
  14.     <title>首页</title>
  15.     <link rel="stylesheet" type="text/css" href="../css/index.css">
  16. </head>
  18. <body>
  19.     <nav>
  20.         <a href="">我的首页</a>
  21.         <?php if (isset($user)) : ?>
  22.             <a href="" id="logout">
  23.                 <span><?php echo $user['name'] ?></span>
  24.                 退出
  25.             </a>
  26.         <?php else : ?>
  27.             <a href="logins.php">登录</a>
  28.         <?php endif ?>
  29.     </nav>
  31.     <script>
  32.         //        为退出按钮创建事件监听器
  33.         if (document.querySelector('#logout') !== null) {
  34.             document.querySelector('#logout').addEventListener('click', function(event) {
  35.                 if (confirm('是否退出')) {
  36.                     // 禁用默认行为, 其实就是禁用原<a>标签的点击跳转行为,使用事件中的自定义方法处理
  37.                     event.preventDefault();
  38.                     // 跳转到退出事件处理器
  39.                     window.location.assign('handles.php?action=logout');
  40.                 }
  41.             });
  42.         }
  43.     </script>
  44. </body>
  46. </html>
登录页面代码
  1. <?php
  2. // 开启会话
  3. session_start();
  5. // 判断是否已登录
  6. if (isset($_SESSION['user'])) {
  7.     exit('<script>alert("请不要重复登录");location.href="indexs.php"</script>');
  8. }
  9. ?>
  11. <!DOCTYPE html>
  12. <html>    
  13. <head>
  14. <title>用户登录</title>
  15. <meta name="viewport" content="width=device-width, initial-scale=1">
  16. <meta charset="utf-8">
  17. <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
  18. <meta name="keywords" content="Flat Dark Web Login Form Responsive Templates, Iphone Widget Template, Smartphone login forms,Login form, Widget Template, Responsive Templates, a Ipad 404 Templates, Flat Responsive Templates" />
  19. <link href="css/style.css" rel='stylesheet' type='text/css' />
  21. </head>
  22. <body>
  23. <script>
  24. // $(document).ready(function(c) {
  25. //     $('.close').on('click', function(c){
  26. //         $('.login-form').fadeOut('slow', function(c){
  27. //               $('.login-form').remove();
  28. //         });
  29. //     });      
  30. // });
  31. </script>
  32.  <!--SIGN UP-->
  33.  <h1>用户登录</h1>
  34. <div class="login-form">
  35.     <div class="close"> </div>
  36.         <div class="head-info">
  37.             <label class="lbl-1"> </label>
  38.             <label class="lbl-2"> </label>
  39.             <label class="lbl-3"> </label>
  40.         </div>
  41.             <div class="clear"> </div>
  42.     <div class="avtar">
  43.         <img src="images/avtar.png" />
  44.     </div>
  45.             <form action="handles.php?action=login" method="post">
  46.                     <input type="text" class="text" name="name" id="name" value="Username" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'zhangheng';}" >
  47.                         <div class="key">
  48.                     <input type="password" name="password" id="password"value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}">
  49.                         </div>
  50.                     <div class="signin">
  51.             <input type="submit" value="登录" >
  52.             </div>
  53.             </form>
  55.         <a href="registers.php">还没有帐号, 注册一个吧</a>    
  57. </div>
  58. </body>
  59. </html>
注册页面代码
  1. <!DOCTYPE html>
  2. <html lang="en">
  4.     <head>
  5.         <meta charset="UTF-8" />
  6.         <title>用户注册</title>
  7.     </head>
  9.     <body>
  10.         <h3>用户注册</h3>
  11.         <form action="handle.php?action=registers" method="post" onsubmit="return compare()">
  12.             <div>
  13.                 <label for="name">账号名称:</label>
  14.                 <input type="text" name="name" id="name" placeholder="不少于3个字符" required autofocus>
  15.             </div>
  16.             <div>
  17.                 <label for="email">邮箱:</label>
  18.                 <input type="email" name="email" id="email" placeholder="demo@email.com" required>
  19.             </div>
  21.             <div>
  22.                 <label for="p1">密码:</label>
  23.                 <input type="password" name="p1" id="p1" placeholder="不少于6位" required>
  24.             </div>
  26.             <div>
  27.                 <label for="p2">重复:</label>
  28.                 <input type="password" name="p2" id="p2" placeholder="必须与上面一致" required>
  29.             </div>
  31.             <div>
  32.                 <button>提交</button><span id="tips" style="color: red"></span>
  33.             </div>
  34.         </form>
  35.         <a href="login.php">我有帐号,直接登录</a>
  38.         <script>
  39.             // 验证二次密码是否相等?
  40.             function compare() {
  41.                 if (document.forms[0].p1.value.trim() !== document.forms[0].p2.value.trim()) {
  42.                     document.querySelector('#tips').innerText = '二次密码不相等';
  43.                     return false;
  44.                 }
  45.             }
  46.         </script>
  47.     </body>
  49. </html>
会话控制文件代码
  1. <?php
  2. // 开启会话
  3. session_start();
  4. // 用户资料库, 实际项目中,应该用数据库
  5. $users = [
  6.     [
  7.         'id' => 1,
  8.         'name' => '1',
  9.         'email' => 'admin@php.cn',
  10.         'password' => '123456',
  11.     ],
  12.     [
  13.         'id' => 2,
  14.         'name' => 'peter',
  15.         'email' => 'peter@php.cn',
  16.         'password' => '7c4a8d09ca3762af61e59520943dc26494f8941b',
  17.     ],
  18. ];
  20. // 1. 验证请求来源的合法性
  21. // 设置合法请求地址的白名单
  22. $allowUrls = ['indexs.php', 'logins.php', 'registers.php'];
  24. // 获取当前的请求入口地址
  25. $currentUrl = basename(filter_input(INPUT_SERVER, 'HTTP_REFERER'));
  27. if (!in_array($currentUrl, $allowUrls)) {
  28.     exit('非法来源');
  29. } 
  32. // 2. 请求的分发处理
  33. // 获取到当前的请求
  34. $action = filter_input(INPUT_GET, 'action', FILTER_SANITIZE_STRING);
  36. $action = strtolower($action);
  38. switch ($action) {
  39.         // 1. 登录
  40.     case 'login':
  41.         // (1) 判断请求的合法性
  42.         if (filter_input(INPUT_SERVER, 'REQUEST_METHOD') === 'POST') {
  43.             // (2)获取到当前请求的数据
  44.             $name = filter_input(INPUT_POST, 'name');
  45.             // echo $name;
  46.             // 密码不要过滤
  47.             $password = filter_input(INPUT_POST, 'password');
  48.             // echo $email, $password;
  50.             $results = array_filter($users, function ($user) use ($name, $password) {
  51.                 return $name === $user['name'] && $password === $user['password'];
  52.             });
  54.              print_r(count($results));
  55.             if (count($results) === 1) {
  56.                 // setcookie('user', serialize($results[0]));
  57.                 // setcookie('user', serialize(array_pop($results)));
  58.                 // print_r(unserialize($_COOKIE['user']));
  59.                 $_SESSION['user'] = array_pop($results);
  60.                 exit('<script>alert("验证通过");location.href="indexs.php"</script>');
  61.             } else {
  62.                 exit('<script>alert("用户名或密码错误,或没有帐号");location.href="registers.php"</script>');
  63.             }
  65.         } else {
  66.             exit('非法请求');
  67.         }
  68.         break;
  69.         // 2. 退出
  70.     case 'logout':
  71.         if (isset($_SESSION['user'])) {
  72.             // setcookie('user', null, time()-3600);
  73.             session_destroy();
  74.             exit('<script>alert("退出成功");location.href="indexs.php"</script>');
  75.         }
  76.         break;
  78.         // 3.注册
  79.     case 'register':
  80.        $name = filter_var(filter_input(INPUT_POST, 'name'), FILTER_SANITIZE_SPECIAL_CHARS);
  81.        $email = filter_var(filter_input(INPUT_POST, 'email', FILTER_VALIDATE_EMAIL), FILTER_SANITIZE_EMAIL);
  82.        $password = filter_input(INPUT_POST, 'p1');
  83.        $id = 3;
  85.        $data = compact('id', 'email', 'name', 'password');
  86.        // $users[] = $data;
  87.        // array_push($users, $data);
  88.     if (array_push($users, $data) == 1) {
  89.         exit('<script>alert("注册成功");location.assign("indexs.php");</script>');
  90.     }
  91.     print_r($users);
  94.         break;
  96.         // 未定义操作
  97.     default:
  98.         exit('未定义操作');
  99. }

5.小结

通过这次实战，我对过滤器、cookie、session，有了进一步的了解，两者相差不大，主要是数据存储的地方不同，获取传输的数据方式基本相同，如果做好了通过cookie验证的文件，只要对此文件稍加修改就可以实现，值得注意的是session要开启会话。做个验证的时候，过程基本都正确，就是登录的时候总是密码不对，通过尝试才发现，密码是对的，但是控制会话文件对文件进行了加密，两个密码（库中的密码与传过来的密码），就不一样了，为了简单一点我就直接不加密了。最后，就基本没什么问题了。

上一条： 熟悉Redis的7个应用场景 下一条： 20200115-获得三级树形菜单的笨办法-php培训线上九期班
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多
热门课程