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

博客列表 >使用session会话来实现登录注册案例

使用session会话来实现登录注册案例

吴长清
吴长清原创
2022年08月23日 14:42:32445浏览

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. }

效果预览

上一条：高级 PHP 程序员应该掌握哪些技术？下一条：PHP会话控制/简单的登录注册功能
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多