ASCII码 ASCII码

新用户注册、登录、退出

发布于：2022-05-19 09:45:04  栏目：技术文档

index.php

  1. <?php
  2. session_start();
  3. // 判断用户是否已经登录?
  4. if (isset($_SESSION['user'])) $user = unserialize($_SESSION['user']);
  5. // print_r($user);
  6. ?>
  7. <!DOCTYPE html>
  8. <html lang="zh-CN">
  10. <head>
  11.     <meta charset="UTF-8">
  12.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  13.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  14.     <title>Document</title>
  15. </head>
  17. <body>
  18.     <nav>
  19.         <?php if (isset($user)) : ?>
  20.             <a href="" id="logout">退出</a>
  22.         <?php else : ?>
  23.             <a href="login.php">登录</a>
  24.         <?php endif ?>
  25.     </nav>
  26.     <script>
  27.         document.querySelector('#logout').addEventListener('click', function(event) {
  28.             if (confirm('是否退出?')) {
  29.                 // 禁用默认跳转行为
  30.                 event.preventDefault();
  31.                 // 跳转到处理器
  32.                 location.assign('handle.php?action=logout');
  33.             }
  34.         });
  35.     </script>
  36. </body>
  38. </html>

login.php

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  4. <?php
  5. session_start();
  6. // 判断用户是否已经登录?
  7. if (isset($_SESSION['user'])) echo '<script>alert("不要重复登录");locatoin.href="index.php"</script>';
  9. ?>
  11. <head>
  12.     <meta charset="UTF-8">
  13.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  14.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  15.     <title>用户登录表单</title>
  16. </head>
  18. <body>
  20.     <form action="handle.php?action=login" method="POST">
  21.         <fieldset style="display: inline-block;background:lightcyan">
  24.             <legend>用户登录</legend>
  25.             <p>
  26.                 <input type="email" name="email" placeholder="user@email.com" require>
  27.             </p>
  28.             <p>
  29.                 <input type="password" name="password" placeholder="不少于6位" require>
  30.             </p>
  32.             <p>
  33.                 <button>提交</button>
  34.             </p>
  36.         </fieldset>
  38.         <a href="register.php">如果没有帐号,请先注册</a>
  39.     </form>
  42. </body>
  44. </html>

handle.php

  1. <?php
  2. // 开启会话
  3. session_start();
  4. // 根据用户的不同请求,执行不同的操作
  6. // 比如:登录 , 注册, 退出
  8. // 连接数据并获取用户表中的数据
  9. $db = new PDO('mysql:dbname=phpedu', 'root', 'root');
  10. $stmt = $db->prepare('SELECT * FROM `user`');
  11. $stmt->execute();
  12. $users = $stmt->fetchAll(PDO::FETCH_ASSOC);
  14. // print_r($users);
  16. $action = $_GET['action'];
  18. switch (strtolower($action)) {
  19.         // 登录
  20.     case 'login':
  21.         //要保证数据是通用POST请求发送的
  22.         if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  23.             // 先拿到登录数据
  24.             extract($_POST);
  25.             // $email = $_POST['email'];
  26.             // $password = sha1($_POST['password']);
  28.             // $result 是数组 
  29.             $result =  array_filter($users, function ($user) use ($email, $password) {
  30.                 return  $user['email'] === $email && $user['password'] === md5($password);
  31.             });
  33.             if (count($result) === 1) {
  34.                 // 验证成功,将用户信息写到SESSION
  35.                 // print_r(serialize(array_pop($result)));
  36.                 // $a = serialize(array_pop($result));
  37.                 // print_r(unserialize($a));
  39.                 // 将用户信息序列化之后保存到SESSION中
  40.                 $_SESSION['user'] = serialize(array_pop($result));
  41.                 exit('<script>alert("验证通过");location.href="index.php"</script>');
  42.             } else {
  43.                 exit('<script>alert("邮箱或密码错误");location.href="index.php"</script>');
  44.             }
  45.         } else {
  46.             die('请求错误');
  47.         }
  48.         break;
  50.         // 退出
  51.     case 'logout':
  52.         if (isset($_SESSION['user'])) {
  53.             session_destroy();
  54.             exit('<script>alert("退出成功");location.assign("index.php")</script>');
  55.         } else {
  56.             session_destroy();
  57.             exit('<script>alert("退出成功");location.assign("index.php")</script>');
  58.         }
  59.         break;
  61.         // 注册
  62.     case 'register':
  63.         // 1. 获取到新用户的信息
  64.         extract($_POST);
  65.         $password = md5($password);
  66.         $register_time = time();
  67.         $name = getSubstr($email, '@');
  68.         echo '账号:', $name, '<br>';
  69.         echo '邮箱:', $email, '<br>';
  70.         echo '密码:', $password, '<br>';
  71.         echo '注册时间:', $register_time, '<br>';
  72.         echo ('<a href="handle.php?action=logout">退出<a>');
  73.         //  2. 将新用户添加到表中
  74.         $sql = 'INSERT user SET name=?,email=?,password=?,register_time=?';
  75.         $stmt = $db->prepare($sql);
  76.         $stmt->execute([$name, $email, $password, $register_time]);
  77.         if ($stmt->rowCount() === 1) {
  78.             echo '<script>alert("注册成功");locaton.href="index.php"</script>';
  79.         } else {
  80.             exit('<script>alert("注册失败");locaton.href="index.php"</script>');
  81.         }
  82.         break;
  83. }
  85. //取文本左边
  86. function getSubstr($str, $rightStr)
  87. {
  88.     $right = strpos($str, $rightStr);
  89.     return substr($str, 0, $right);
  90. }

register.php

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  4. <?php
  5. session_start();
  6. // 判断用户是否已经登录?
  7. if (isset($_SESSION['user'])) echo '<script>alert("不要重复登录");locatoin.href="index.php"</script>';
  9. ?>
  11. <head>
  12.     <meta charset="UTF-8">
  13.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  14.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  15.     <title>用户注册表单</title>
  16. </head>
  18. <body>
  20.     <form action="handle.php?action=register" method="POST">
  21.         <fieldset style="display: inline-block;background:lightcyan">
  24.             <legend>用户注册</legend>
  25.             <p>
  26.                 <input type="email" name="email" placeholder="user@email.com" value="tianning@qq.com" require>
  27.             </p>
  28.             <p>
  29.                 <input type="password" name="password" placeholder="不少于6位" value="666666" require>
  30.             </p>
  31.             <p>
  32.                 <input type="password" name="password" placeholder="二次必须一致" value="666666" require>
  33.             </p>
  35.             <!-- 二次密码是否一致用JS进行验证就可以了  -->
  36.             <p>
  37.                 <button onclick="verifyPassword(event)">提交</button>
  38.             </p>
  40.         </fieldset>
  41.     </form>
  42.     <script>
  43.         function verifyPassword(event) {
  44.             let input = document.querySelectorAll('input');
  45.             if (input[1].value !== input[2].value) {
  46.                 alert("两次密码不一致,请重新输入");
  47.                 input[1].value = null;
  48.                 input[2].value = null;
  49.                 event.preventDefault();
  50.             }
  51.         }
  52.     </script>
  53. </body>
  55. </html>
相关推荐
阅读 +

© 2020 asciim码

人生就是一场修行