简体中文（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

博客列表 >用会话控制写登录注册

用会话控制写登录注册

default
default原创
2020年05月11日 17:42:13768浏览

首页代码

  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>
上一条：数据库基础与常用操作学习心得下一条：html学习：第5章 css与html文档
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多