search

博客列表 >session流程实践

session流程实践

P粉317509817
P粉317509817原创
2022年05月05日 10:51:00564浏览

代码

indx.php

  1. <?php
  2. session_start();
  3. if(isset($_SESSION['user'])) {
  4.     $user = unserialize($_SESSION['user']);
  5. }
  6. ?>
  7. <!DOCTYPE html>
  8. <html lang="en">
  9. <head>
  10.     <meta charset="UTF-8">
  11.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  12.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  13.     <title>登录界面</title>
  14.     <style>
  15.         * {
  16.     margin: 0;
  17.     padding: 0;
  18.     box-sizing: border-box;
  19. }
  20. a{
  21.     text-decoration: none;
  22.     width: 100%;
  23.     height: 100%;
  24. }
  25.         header {
  26.             background-color: #2C3E50;
  27.             padding: 0.5em 1em;
  28.             display: flex;
  29.             height: 12vh;
  30.             }
  32.         header .title {
  33.             font-weight:300;
  34.             font-style:normal;
  35.             font-size: 35pt;
  36.             color: aliceblue;
  37.             letter-spacing: 1px;
  38.             text-shadow: 1px 1px 1px #D0D0D0;
  39.             margin-top: 15px;
  40.             }
  41.         @import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro");
  42.         figure {
  43.             width: 200px;
  44.             height: 60px;
  45.             cursor: pointer;
  46.             perspective: 500px;
  47.             -webkit-perspective: 500px;
  48.             margin-left: auto;
  49.             margin-top: 10px;
  50.             }
  52.         figure div {
  53.             height: 100%;
  54.             transform-style: preserve-3d;
  55.             -webkit-transform-style: preserve-3d;
  56.             transition: 0.25s;
  57.             -webkit-transition: 0.25s;
  58.             }
  60.         figure:hover div {
  61.             transform: rotateX(-90deg);
  62.         }
  64.         span {
  65.             width: 100%;
  66.             height: 100%;
  67.             position: absolute;
  68.             box-sizing: border-box;
  69.             border: 5px solid #fff;
  70.             font-family: "Source Sans Pro", sans-serif;
  71.             line-height: 50px;
  72.             font-size: 17pt;
  73.             text-align: center;
  74.             text-transform: uppercase;
  75.             }
  77.         span:nth-child(1) {
  78.             color: #fff;
  79.             transform: translate3d(0, 0, 30px);
  80.             -webkit-transform: translate3d(0, 0, 30px);
  81.             }
  83.         span:nth-child(2) {
  84.             color: #1c175d;
  85.             background: #fff;
  86.             transform: rotateX(90deg) translate3d(0, 0, 30px);
  87.             -webkit-transform: rotateX(90deg) translate3d(0, 0, 30px);
  88.             }   
  89.     </style>
  90. </head>
  91. <body>
  92.     <header>
  93.         <?php if(isset($user)):?>
  94.             <h2 class="title"><?= $user['email']?></h2>
  95.             <?php else:?>
  96.                 <h2 class="title">请先登录</h2>
  97.             <?php endif?>
  99.         <figure>
  100.             <div>
  101.                 <span>Hover Me</span>
  102.                 <?php if(isset($user)):?>
  103.                     <span><a href="" id="logout">退出</a></span>
  104.                 <?php else :?>
  105.                     <span><a href="login.php">登录</a></span>
  106.                 <?php endif?>
  107.             </div>
  108.         </figure>
  109.     </header>
  110.     <script>
  111.         document.querySelector('#logout').addEventListener('click',function(event){
  112.             if(confirm('是否退出？')){
  113.                 event.preventDefault();
  114.                 location.assign('handle.php?action=logout')
  115.             }
  116.         });
  117.     </script>
  118. </body>
  119. </html>

login.php

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>登录界面</title>
  8.     <style>
  9.         form {
  10.             display: inline-block;
  12.         }
  13.         a{
  14.             text-decoration: none;
  15.         }
  16.     </style>
  17. </head>
  18. <body>
  19.     <form action="handle.php?action=login" method="POST">
  20.         <fieldset>
  21.             <legend>用户登录</legend>
  22.             <p>
  23.                 <label for="">邮 箱：</label>
  24.                 <input type="emali" name="email">
  25.             </p>
  26.             <p>
  27.                 <label for="">密 码：</label>
  28.                 <input type="password" name="psw1" id="psw1">
  29.             </p>
  30.             <p>
  31.                 <button>登录</button>
  32.             </p>
  33.             <p>
  34.                 <a href="register.php">如果没有账号，请先注册>></a>
  35.             </p>
  36.         </fieldset>
  37.     </form>
  38. </body>
  39. </html>

register.php

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>新用户注册</title>
  8.     <style>
  9.         form {
  10.             display: inline-block;
  11.         }
  12.     </style>
  13. </head>
  14. <body>
  15.     <form action="handle.php?action=register" method="POST">
  16.         <fieldset>
  17.             <legend>用户注册</legend>
  18.             <p>
  19.                 <label for="">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：</label>
  20.                 <input type="email" name="email" id="email">
  21.             </p>
  22.             <p>
  23.                 <label for="">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：</label>
  24.                 <input type="password" name="psw2" id="psw2" placeholder="密码必须大于8位">
  25.             </p>       
  26.             <p>
  27.                 <label for="">确认密码：</label>
  28.                 <input type="password" name="" id="psw3" placeholder="再次输入密码">
  29.             </p>
  30.             <button>提交</button>
  31.         </fieldset>
  33.     </form>
  34.     <script>
  35.         document.querySelector('button').addEventListener('click',function(event){
  36.             let psw1 = document.querySelector('#psw2');
  37.             let psw2 = document.querySelector('#psw3');
  38.             // let form = document.querySelector('form');
  39.             if(psw1.value.length > 8) {
  40.                 if(psw1.value !== psw2.value){
  41.                 event.preventDefault();
  42.                 alert("两次密码输入不一致");
  43.                 location.assign('register.php');
  44.                 }
  45.             }else{
  46.                 event.preventDefault();
  47.                 alert("密码长度不够");
  48.             }
  50.         })
  52.     </script>
  53. </body>
  54. </html>

handle.php

  1. <?php
  2. // 开启会话
  3. session_start();
  4. // 链接数据库
  6. $db = new PDO('mysql:dbname=phpedu', 'root', 'root');
  7. $stmt = $db->prepare('SELECT * FROM `login`');
  8. $stmt->execute();
  9. $users = $stmt->fetchAll(PDO::FETCH_ASSOC);
  10. // print_r($users);
  11. // print_r($_GET);
  12. $action = $_GET['action'];
  13. switch(strtolower($action)){
  14.     // 登录
  15.     case 'login':
  16.         // 验证数据是否是以POST请求发送
  17.         if($_SERVER['REQUEST_METHOD']==='POST'){
  18.             extract($_POST);
  19.             $result = array_filter($users,function($user) use ($email,$psw1){
  20.                 return $user['email']===$email && $user['password']=== md5($psw1);
  21.             });
  22.             if(count($result)===1){
  23.                 $_SESSION['user']=serialize(array_pop($result));
  24.                 exit('<script>alert("验证通过");location.href="index.php"</script>');
  25.             }else{
  26.                 exit('<script>alert("邮箱或者验证码错误");location.href="login.php"</script>');
  27.             }
  28.         }else{
  29.             die("请求错误");
  30.         }
  31.         break;
  32.         // 退出
  33.         case 'logout':
  34.             if(isset($_SESSION['user'])){
  35.                 session_destroy();
  36.                 exit('<script>alert("退出成功");location.assign("index.php")</script>');
  37.             }
  38.             break;
  39.         // 注册
  40.         case 'register':
  41.             // 获取新用户的信息
  43.             $email = $_POST['email'];
  44.             $password =md5($_POST['psw2']);
  45.             $register_time=time();
  46.             // 查重
  47.             $sql = 'SELECT `email` FROM `login`';
  48.             $stmt=$db->prepare($sql);
  49.             $stmt->execute();
  50.             $staffs = $stmt->fetchAll(PDO::FETCH_ASSOC);
  51.             $flag=true;
  52.             printf('<pre>%s</pre>', print_r($staffs, true));
  53.             foreach($staffs as $staff){
  54.                 if(in_array($email,$staff)){
  55.                     $flag = false;
  56.                     exit('<script>alert("邮箱已被注册");location.href="register.php"</script>');
  57.                     break;
  58.                 }
  59.             }
  60.             if($flag){
  61.             // 添加到数据库中
  62.                 $sql = 'INSERT `login` SET `email`=?,`password`=?,`register_time`=? ';
  63.                 $stmt= $db->prepare($sql);
  64.                 $stmt->execute([$email,$password,$register_time]);
  65.                 if($stmt->rowCount()>0){
  66.                     exit('<script>alert("注册成功");location.assign("login.php")</script>');
  67.                 }else{
  68.                     exit('<script>alert("注册失败");location.assign("register.php")</script>');
  69.                 }
  70.             }
  73.             break;
  74. }

演示

1、先在数据库中插入一个已有数据

2、登录操作

3、注册操作


4、注册失败（密码长度不够）

5、注册失败（邮箱已被注册）

上一条：用户登录/注册/退出全流程详解下一条：css边框带箭头，方便修改上下左右。
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议