Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 用会话控制写登录注册
Blogger Information
Blog 26
fans 0
comment 0
visits 21449
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
用会话控制写登录注册
default
Original
769 people have browsed it

首页代码

  1. <?php
  2. //检测是不是有 cookie 有的话就赋值给$user 没有就是空
  3. isset($_COOKIE['user'])?$user=unserialize($_COOKIE['user']):null;
  4. ?>
  5. <!doctype html>
  6. <html lang="en">
  7. <head>
  8.     <meta charset="UTF-8">
  9.     <meta name="viewport"
  10.           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  11.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  12.     <title>爬宠乐园</title>
  13.     <style>
  14.         *{text-decoration: none;margin: 0;padding: 0;}
  15.         body{display: flex;flex-flow: column;font-weight: 800;}
  16.         header{  box-sizing: border-box;padding: 10px 30px;width: 100%;display: flex;flex-flow: row nowrap;justify-content: space-between; background: lightseagreen; }
  17.         /*.logo*/
  18.         header div:nth-of-type(2){color: #ffd012;text-align: center;line-height: 42px  }
  19.         header div:nth-of-type(3){display: flex;justify-content: space-between;line-height: 42px  }
  20.         header div:nth-of-type(3) a{color:#ffd012; }
  22.     </style>
  23. </head>
  24. <body>
  25. <header>
  26.     <div class="logo"><h1>爬宠乐园</h1></div>
  27.     <div>一个程序员的爱好社区</div>
  28.     <div>
  29.         <?php if (isset($user)):?>
  30.             <a href=""><?php echo $user['name']?></a>&nbsp;&nbsp;
  31.             <a href="" id="logout">退出</a>
  32.         <?php else:?>
  33.             <a href="login.php">登陆</a>&nbsp;&nbsp;
  34.             <a href="register.php">注册</a>
  35.         <?php endif;?>
  36.     </div>
  37. </header>
  38. <script>
  39.     document.querySelector('#logout').addEventListener('click',function (event) {
  40.         if (confirm('确认退出吗？')) {
  41.             // 禁用默认行为, 其实就是禁用原<a>标签的点击跳转行为,使用事件中的自定义方法处理
  42.             event.preventDefault();
  43.             // 跳转到退出事件处理器
  44.             window.location.assign('handle.php?action=logout');
  46.         }
  47.     })
  48. </script>
  49. </body>
  50. </html>

登陆代码

  1. <?php
  2. // 判断是否已登录
  3. if (isset($_COOKIE['user']))
  4.     exit('<script>alert("请不要重复登录");location.href="index.php";</script>');
  5. ?>
  6. ?>
  7. <!doctype html>
  8. <html lang="en">
  9. <head>
  10.     <meta charset="UTF-8">
  11.     <meta name="viewport"
  12.           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  13.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  14.     <title>登录页面</title>
  15. </head>
  16. <body>
  17.     <div class="login">
  18.         <h3>提交</h3>
  19.         <form action="handle.php?action=login" method="post">
  20.             <div>
  21.                 <label for="email"></label>
  22.                 <input type="email" id="email"  name="email"  required  >
  23.             </div>
  24.             <div>
  25.                 <label for="password"></label>
  26.                 <input type="password" id="password" name="password" required   >
  27.             </div>
  28.             <div>
  29.                 <button>提交</button>
  30.             </div>
  31.         </form>
  33.     </div>
  35. </body>
  36. </html>

注册代码

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport"
  6.           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <title>登录页面</title>
  9. </head>
  10. <body>
  11. <div class="login">
  12.     <h3>提交</h3>
  13.     <form action="handle.php?action=register" method="post" onsubmit="return compare()">
  14.         <div>
  15.             <label for="email"></label>
  16.             <input type="email" id="email"  name="email"  required  >
  17.         </div>
  18.         <div>
  19.             <label for="password"></label>
  20.             <input type="password" id="password1" name="password1" required   >
  21.         </div>
  22.         <div>
  23.             <label for="password"></label>
  24.             <input type="password" id="password2" name="password2" required   >
  25.         </div>
  26.         <div>
  27.             <button>提交 </button><span id="tips"></span>
  28.         </div>
  29.     </form>
  31. </div>
  34. </body>
  35. <script>
  36.     function compare(){
  37.         // var p1=document.getElementById('password1').value.trim();
  38.         // var p2=document.getElementById('password2').value.trim();
  39.         // // console.log(a);
  40.         if (document.forms[0].password1.value.trim() !== document.forms[0].password2.value.trim()) {
  41.             document.querySelector('#tips').innerText = '二次密码不相等';
  42.             return false;
  43.         }
  45.     }
  46. </script>
  47. </html>

处理登录注册退出的代码

  1. <?php
  2. $pdo=new PDO('mysql:host=localhost;dbname=phpedu','root','root');
  3. $stmt=$pdo->prepare('SELECT * FROM  `user`' );
  4. $stmt->execute();
  5. //fecthAll 是获取所有结果集PDO::FETCH_ASSOC是用关联的方式
  6. $users=$stmt->fetchAll(PDO::FETCH_ASSOC);
  7. //print_r($users);
  9. $action=$_GET['action'];
  10. //echo $_SERVER['REQUEST_METHOD'];
  11. switch (strtolower($action)){
  12.     case 'login';
  13. //        $_SERVER['REQUEST_METHOD']判断是以什么方式提交上来的
  14.     if ($_SERVER['REQUEST_METHOD']==='POST'){
  15.         $name=$_POST['email'];
  16.         $password=$_POST['password'];
  17.         $results =array_filter($users ,function ($user ) use ( $name ,$password){
  18.             return $user['name']===$name&&$user['password']===$password;
  19.         });
  20.         if (count($results)===1){
  21.             setcookie('user',serialize(array_pop($results)));
  22.             exit('<script>alert("验证通过");location.href="index.php"</script>');
  23.         }else{
  24.             exit('<script>alert("请重新登陆");location.href="login.php"</script>');
  25.         }
  26.     }else{
  27.         die('请求类型错误');
  28.     }
  29.     break;
  30. //    退出
  31.     case 'logout';
  32.     if (isset($_COOKIE['user'])){
  33.         setcookie("user", null, time() - 3600);
  35.         exit('<script>alert("已经退出");location.href="index.php"</script>');
  36.     }
  38.     break;
  39. //    注册
  40.     case 'register';
  41.         $email=$_POST['email'];
  42.         $name=$_POST['name'];
  43.         $password=$_POST['password1'];
  44.         $register_time=time();
  45.         $sql="INSERT `user` SET `name`='{$name}',`email`='{$email}',`password`='{$password}',`register`='{$register_time}'";
  46.         $stmt=$pdo->prepare($sql);
  47.         if ($stmt->rowCount() === 1) exit('<script>alert("注册成功");location.assign("login.php")</script>');
  48.         else exit('<script>alert("注册失败");location.assign("login.php")</script>');
  51.     break;
  52.     default:
  53.         exit('未定义操作');
  54. }

session

核心代码

  1. <?php
  2. // 开启会话
  3. session_start();
  4. // 查询用户表中的数据
  5. $pdo = new PDO('mysql:host=localhost;dbname=phpedu', 'root', 'root');
  6. $stmt = $pdo->prepare('SELECT * FROM `users`');
  7. $stmt->execute();
  8. $users = $stmt->fetchAll(PDO::FETCH_ASSOC);
  10. // 处理用户登录与注册
  11. $action = $_GET['action'];
  13. switch ( strtolower($action)) {
  14.     // 登录
  15.     case 'login':
  16.         // 判断请求是否合t法
  17.         if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  18.             // 获取需要验证的数据
  19.             $email = $_POST['email'];
  20.             $password = sha1($_POST['password']);
  22.             $results = array_filter($users, function($user) use ($email, $password) {
  23.                 return $user['email'] === $email && $user['password'] === $password;
  24.              });
  26.              if (count($results) === 1) {
  27.                  $_SESSION['user'] = serialize(array_pop($results));
  28.                  exit('<script>alert("验证通过");location.href="index.php"</script>');
  29.              } else {
  30.                 exit('<script>alert("邮箱或密码错误,或者还没有帐号");location.href="login.php";</script>'); 
  31.              }
  32.         } else {
  33.             die('请求类型错误');
  34.         }
  35.     break;
  37.     // 退出
  38.     case 'logout':
  39.         if (isset($_SESSION['user'])) {
  40.             session_destroy();
  41.             exit('<script>alert("退出成功");location.assign("index.php")</script>');
  42.         }
  43.     break;
  45.     // 注册
  46.     case 'register':
  47.         // 1. 获取到所有新用户数据
  48.         $name = $_POST['name'];
  49.         $email = $_POST['email'];
  50.         $password = sha1($_POST['p1']);
  51.         $register_time = time();
  53.         // 2. 将新用户插入到表中
  54.         $sql = "INSERT  `users` SET `name`='{$name}', `email`='{$email}', `password`='{$password}', `register_time`={$register_time}";
  55.         $stmt = $pdo->prepare($sql);
  56.         $stmt->execute();
  57.         if ($stmt->rowCount() === 1) exit('<script>alert("注册成功");location.assign("login.php")</script>');
  58.         else exit('<script>alert("注册失败");location.assign("login.php")</script>');
  59.         break;
  61.     // 未定义
  62.     default:
  63.     exit('未定义操作');
  64. }

首页

  1. <?php
  2. // 开启会话
  3. session_start();
  5. // 判断是否已经登录?
  6. if (isset($_SESSION['user'])) $user = unserialize($_SESSION['user']);
  8. ?>
  9. <!doctype html>
  10. <html lang="en">
  11. <head>
  12.     <meta charset="UTF-8">
  13.     <meta name="viewport"
  14.           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  15.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  16.     <title>爬宠乐园</title>
  17.     <style>
  18.         *{text-decoration: none;margin: 0;padding: 0;}
  19.         body{display: flex;flex-flow: column;font-weight: 800;}
  20.         header{  box-sizing: border-box;padding: 10px 30px;width: 100%;display: flex;flex-flow: row nowrap;justify-content: space-between; background: lightseagreen; }
  21.         /*.logo*/
  22.         header div:nth-of-type(2){color: #ffd012;text-align: center;line-height: 42px  }
  23.         header div:nth-of-type(3){display: flex;justify-content: space-between;line-height: 42px  }
  24.         header div:nth-of-type(3) a{color:#ffd012; }
  26.     </style>
  27. </head>
  28. <body>
  29. <header>
  30.     <div class="logo"><h1>爬宠乐园</h1></div>
  31.     <div>一个程序员的爱好社区</div>
  32.     <div>
  33.         <?php if (isset($user)):?>
  34.             <a href=""><?php echo $user['name']?></a>&nbsp;&nbsp;
  35.             <a href="" id="logout">退出</a>
  36.         <?php else:?>
  37.             <a href="login.php">登陆</a>&nbsp;&nbsp;
  38.             <a href="register.php">注册</a>
  39.         <?php endif;?>
  40.     </div>
  41. </header>
  42. <script>
  43.     document.querySelector('#logout').addEventListener('click',function (event) {
  44.         if (confirm('确认退出吗？')) {
  45.             // 禁用默认行为, 其实就是禁用原<a>标签的点击跳转行为,使用事件中的自定义方法处理
  46.             event.preventDefault();
  47.             // 跳转到退出事件处理器
  48.             window.location.assign('handle.php?action=logout');
  50.         }
  51.     })
  52. </script>
  53. </body>
  54. </html>

登陆

  1. <?php
  2. // 开启会话
  3. session_start();
  5. // 判断是否已登录
  6. if (isset($_SESSION['user']))
  7.     exit('<script>alert("请不要重复登录");location.href="index.php";</script>');
  8. ?>
  9. <!doctype html>
  10. <html lang="en">
  11. <head>
  12.     <meta charset="UTF-8">
  13.     <meta name="viewport"
  14.           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  15.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  16.     <title>登录页面</title>
  17. </head>
  18. <body>
  19.     <div class="login">
  20.         <h3>提交</h3>
  21.         <form action="handle.php?action=login" method="post">
  22.             <div>
  23.                 <label for="email"></label>
  24.                 <input type="email" id="email"  name="email"  required  >
  25.             </div>
  26.             <div>
  27.                 <label for="password"></label>
  28.                 <input type="password" id="password" name="password" required   >
  29.             </div>
  30.             <div>
  31.                 <button>提交</button>
  32.             </div>
  33.         </form>
  35.     </div>
  37. </body>
  38. </html>
Correcting teacher：天蓬老师天蓬老师

Correction status：qualified

Teacher's comments：这个案例写完, 是不是学到了不少新东西?
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post