Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 使用session会话来实现登录注册案例
Blogger Information
Blog 48
fans 3
comment 1
visits 30286
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
使用session会话来实现登录注册案例
吴长清
Original
446 people have browsed it

index.php 入口文件

  1. <?php
  3. namespace login;
  4. // 开启会话
  5. session_start();
  7. // 判断是否已登录?
  8. if (isset($_SESSION['user'])) {
  9.     // 反序列化
  10.     $user = unserialize($_SESSION['user']);
  11. }
  13. ?>
  14. <!DOCTYPE html>
  15. <html lang="zh-CN">
  17. <head>
  18.     <meta charset="UTF-8">
  19.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  20.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  21.     <title>首页/入口文件</title>
  22.     <style>
  23.         nav {
  24.             height: 40px;
  25.             background-color: deepskyblue;
  26.             padding: 0 20px;
  27.             display: flex;
  28.             justify-content: space-between;
  29.             align-items: center;
  30.         }
  31.         nav .loginbox {
  32.             display: flex;
  33.             padding: 0 20px;
  34.             justify-content: space-between;
  35.             align-items: center;
  36.             gap: 0px 20px;
  37.         }
  38.         nav .loginbox>a,
  39.         nav .loginbox>span {
  40.             color: white;
  41.             text-decoration: none;
  42.         }
  43.         nav .loginbox>span {
  44.             font-weight: bold;
  45.         }
  46.         nav .loginbox>a:hover {
  47.             cursor: pointer;
  48.         }
  49.     </style>
  50. </head>
  51. <body>
  52.     <nav>
  53.         <a href="index.php">我的博客</a>
  54.         <div class="loginbox">
  55.             <?php if (isset($user)) : ?>
  56.                 <span>用户昵称: <?= $user[0]['name'] ?></span>
  57.                 <span>用户性别: <?= $user[0]['sex'] ? '女' : '男' ?></span>
  58.                 <a id="logout">退出</a>
  59.             <?php else : ?>
  60.                 <a href="login.php">登录</a>
  61.             <?php endif ?>
  62.         </div>
  63.     </nav>
  64.     <script>
  65.         // 为退出按钮创建事件监听器
  66.         document.querySelector('#logout').addEventListener('click', function(event) {
  67.             if (confirm('是否退出')) {
  68.                 // 禁用默认行为, 其实就是禁用原<a>标签的点击跳转行为,使用事件中的自定义方法处理
  69.                 event.preventDefault();
  70.                 // 跳转到退出事件处理器
  71.                 window.location.assign('handle.php?action=logout');
  72.             }
  73.         });
  74.     </script>
  75. </body>
  76. </html>

login.php 登录界面

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>用户登录</title>
  6.     <style>
  7.         body {
  8.             background: linear-gradient(100deg, white, #00d5ff)
  9.         }
  10.         fieldset {
  11.             width: 300px;
  12.             background: linear-gradient(100deg, #00d5ff, #00aaff);
  13.             margin: 200px auto;
  14.         }
  15.         legend {
  16.             background-color: white;
  17.             margin: auto;
  18.             font-size: larger;
  19.         }
  20.         fieldset>div {
  21.             width: 240px;
  22.             margin: auto;
  23.             padding: 10px;
  24.         }
  25.         fieldset>div form div {
  26.             margin-top: 5px;
  27.         }
  28.         button {
  29.             width: 80px;
  30.         }
  31.         button:hover {
  32.             cursor: pointer;
  33.         }
  34.     </style>
  35. </head>
  37. <body>
  38.     <fieldset>
  39.         <legend>用户登录</legend>
  40.         <div>
  41.             <form action="handle.php?action=login" method="post">
  42.                 <div>
  43.                     <label for="email">邮箱:</label>
  44.                     <input type="email" name="email" id="email" placeholder="demo@email.com" required autofocus>
  45.                 </div>
  46.                 <div>
  47.                     <label for="password">密码:</label>
  48.                     <input type="password" name="password" id="password" placeholder="不少于6位" required>
  49.                 </div>
  50.                 <div>
  51.                     <button>提交</button>
  52.                 </div>
  53.             </form>
  54.             <a href="register.php">还没有帐号, 注册一个吧</a>
  55.         </div>
  56.     </fieldset>
  57. </body>
  58. </html>

register.php 注册页面

  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <!-- <link rel="stylesheet" type="text/css" href="css/style.css"> -->
  8.     <title>注册用户</title>
  9.     <style>
  10.         body {
  11.             background: linear-gradient(100deg, white, #00d5ff)
  12.         }
  13.         fieldset {
  14.             width: 300px;
  15.             background: linear-gradient(100deg, #00d5ff, #00aaff);
  16.             margin: 200px auto;
  17.         }
  18.         legend {
  19.             background-color: white;
  20.             margin: auto;
  21.             font-size: larger;
  22.         }
  23.         fieldset>div {
  24.             width: 240px;
  25.             margin: auto;
  26.             padding: 10px;
  27.         }
  28.         fieldset>div form div {
  29.             margin-top: 5px;
  30.         }
  31.         button {
  32.             width: 80px;
  33.         }
  34.         button:hover {
  35.             cursor: pointer;
  36.         }
  37.     </style>
  38. </head>
  40. <body>
  41.     <fieldset>
  42.         <legend>用户注册</legend>
  43.         <div>
  44.             <form action="handle.php?action=register" method="post" onsubmit="return compare()">
  45.                 <div>
  46.                     <label for="name">呢称:</label>
  47.                     <input type="text" name="name" id="name" placeholder="不少于3个字符" required autofocus>
  48.                 </div>
  49.                 <div>
  50.                     <label for="email">邮箱:</label>
  51.                     <input type="email" name="email" id="email" placeholder="demo@email.com" required>
  52.                 </div>
  53.                 <div>
  54.                     <label for="p1">密码:</label>
  55.                     <input type="password" name="p1" id="p1" placeholder="不少于6位" required>
  56.                 </div>
  57.                 <div>
  58.                     <label for="p2">重复:</label>
  59.                     <input type="password" name="p2" id="p2" placeholder="必须与上面一致" required>
  60.                 </div>
  61.                 <div>
  62.                     <button>提交</button><span id="tips" style="color: red"></span>
  63.                 </div>
  64.             </form>
  65.             <a href="login.php">我有帐号,直接登录</a>
  66.         </div>
  67.     </fieldset>
  68.     <script>
  69.         // 验证二次密码是否相等?
  70.         function compare() {
  71.             if (document.forms[0].p1.value.trim() !== document.forms[0].p2.value.trim()) {
  72.                 document.querySelector('#tips').innerText = '二次密码不相等';
  73.                 return false;
  74.             }
  75.         }
  76.     </script>
  77. </body>
  78. </html>

handle.php 会话处理控制器

  1. <?php
  3. /**
  4.  * 会话处理控制器
  5.  * 处理登录、注册、退出操作
  6.  */
  8. namespace headerController;
  10. use PDO;
  12. // 开启会话：必须写在最前面
  13. session_start();
  15. // 查询用书表中的数据user表
  16. $db = new PDO('mysql:dbname=phpedu', 'root', 'root');
  17. $stmt = $db->prepare('SELECT * FROM `user`;');
  18. $stmt->execute();
  19. // 得到所有用户数据
  20. $users = $stmt->fetchAll(PDO::FETCH_ASSOC);
  21. //print_r($users);
  23. // 获取用户操作类型 login/register/logout
  24. // strtolower 转小写
  25. $action = strtolower($_GET['action']);
  27. // 根据类型进行不同的操作
  28. switch ($action) {
  29.         // 1.登录
  30.     case 'login':
  31.         // 检查请求方式的类型
  32.         if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  33.             // 获取用户请求的数据：邮箱和密码
  34.             $email = $_POST['email'];
  35.             // sha1() 加密函数 返回长度为40的字符串
  36.             $password = sha1($_POST['password']);
  37.             // array_filter 过滤用户数据，在数据表中查找$email和$password，有，返回结果集，没有返回false
  38.             $result = array_filter($users, function ($user) use ($email, $password) {
  39.                 return $user['email'] === $email && $user['password'] === $password;
  40.             });
  41.             // print_r($result);
  42.             // die;
  43.             // 判断 $result 是否有数据
  44.             if (count($result) > 1) {
  45.                 // 将用户信息通过session保存serialize序列化后的数据到服务器上
  46.                 $_SESSION['user'] = serialize(array_slice($result, 0));
  47.                 exit('<script>alert("验证通过");location.href="index.php"</script>');
  48.             } else {
  49.                 // 登录失败 提示用户未注册
  50.                 exit("<script>alert('登录失败,邮箱: " . $email . "未注册');location.href='login.php'</script>");
  51.             }
  52.         } else {
  53.             exit('请求类型错误');
  54.         }
  56.         // 2.退出
  57.     case 'logout':
  58.         // 判断session数据是否为空
  59.         if (isset($_SESSION['user'])) {
  60.             // 销毁session 连文件一起删除
  61.             session_destroy();
  62.             exit('<script>alert("退出成功");location.href="index.php"</script>');
  63.         } else {
  64.             exit('系统错误, session不存在');
  65.         }
  67.         // 3.注册
  68.     case 'register':
  69.         // 获取新用户的数据
  70.         $email = $_POST['email'];
  71.         $name = $_POST['name'];
  72.         $password = sha1($_POST['p2']);
  73.         $register_data = time();
  74.         // 检查邮箱是否存在 
  75.         $result = array_filter($users, function ($user) use ($email) {
  76.             return $user['email'] === $email;
  77.         });
  78.         print_r(count($result));
  79.         // 判断邮箱是否已注册
  80.         if (count($result) > 1) {
  81.             exit("<script>alert('注册失败,邮箱: " . $email . "已注册');location.href='register.php'</script>");
  82.         } else {
  83.             $sql = <<< SQL
  84.                     INSERT `user`
  85.                     SET `name`= ?,
  86.                         `email`= ?,
  87.                         `password`= ?,
  88.                         `register_data`= ?
  89.             SQL;
  90.             // 查询新用户信息
  91.             $stmt = $db->prepare($sql);
  92.             $data = [$name, $email, $password, $register_data];
  93.             if ($stmt->execute($data)) {
  94.                 if ($stmt->rowCount() > 0) {
  95.                     // 注册成功之后,让用户自动登录
  96.                     $sql = 'SELECT * FROM `user` WHERE `id` = ' . $db->lastInsertId();
  97.                     $stmt = $db->prepare($sql);
  98.                     $stmt->execute();
  99.                     $newUser = $stmt->fetchAll(PDO::FETCH_ASSOC);
  100.                     // 序列化 保存到session
  101.                     $_SESSION['user'] = serialize($newUser);
  102.                     exit('<script>alert("注册成功");location.href="index.php"</script>');
  103.                 } else {
  104.                     exit('<script>alert("注册失败");location.href="register.php"</script>');
  105.                 }
  106.             } else {
  107.                 // 输出sql执行错误信息
  108.                 print_r($stmt->errorInfo());
  109.             }
  110.         }
  111.     default:
  112.         // 提示消息后结束执行
  113.         exit('参数非法或未定义操作');
  114. }

效果预览

Correcting teacher：PHPzPHPz

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