亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

搜索
博主信息
博文 48
粉絲 3
評論 1
訪問量 44907
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
使用session會話來實現(xiàn)登錄注冊案例
吳長清
原創(chuàng)
644人瀏覽過

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.         // 為退出按鈕創(chuàng)建事件監(jiān)聽器
  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. // 查詢用書表中的數(shù)據user表
  16. $db = new PDO('mysql:dbname=phpedu', 'root', 'root');
  17. $stmt = $db->prepare('SELECT * FROM `user`;');
  18. $stmt->execute();
  19. // 得到所有用戶數(shù)據
  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.             // 獲取用戶請求的數(shù)據：郵箱和密碼
  34.             $email = $_POST['email'];
  35.             // sha1() 加密函數(shù) 返回長度為40的字符串
  36.             $password = sha1($_POST['password']);
  37.             // array_filter 過濾用戶數(shù)據，在數(shù)據表中查找$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 是否有數(shù)據
  44.             if (count($result) > 1) {
  45.                 // 將用戶信息通過session保存serialize序列化后的數(shù)據到服務器上
  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數(shù)據是否為空
  59.         if (isset($_SESSION['user'])) {
  60.             // 銷毀session 連文件一起刪除
  61.             session_destroy();
  62.             exit('<script>alert("退出成功");location.href="index.php"</script>');
  63.         } else {
  64.             exit('系統(tǒng)錯誤, session不存在');
  65.         }
  67.         // 3.注冊
  68.     case 'register':
  69.         // 獲取新用戶的數(shù)據
  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執(zhí)行錯誤信息
  108.                 print_r($stmt->errorInfo());
  109.             }
  110.         }
  111.     default:
  112.         // 提示消息后結束執(zhí)行
  113.         exit('參數(shù)非法或未定義操作');
  114. }

效果預覽

批改老師：PHPzPHPz

批改狀態(tài)：合格

老師批語：
本博文版權歸博主所有，轉載請注明地址！如有侵權、違法，請聯(lián)系admin@php.cn舉報處理！
全部評論 文明上網理性發(fā)言，請遵守新聞評論服務協(xié)議
0條評論
作者最新博文
關于我們 免責申明 意見反饋 講師合作 廣告合作 最新更新
php中文網：公益在線php培訓，幫助PHP學習者快速成長！
關注服務號 技術交流群
PHP中文網訂閱號
每天精選資源文章推送
PHP中文網APP
隨時隨地碎片化學習
PHP中文網抖音號
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號

    • 登錄PHP中文網，和優(yōu)秀的人一起學習！
    全站2000+教程免費學