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

博客列表 >登录与验证,新用户注册功能(cookie 与 session)

登录与验证,新用户注册功能(cookie 与 session)

我是郭富城
我是郭富城原创
2020年05月09日 16:07:50950浏览

登录与验证,新用户注册功能(cookie 与 session)

1.连接数据库用户表

  1. $pdo = new PDO('mysql:host=localhost;dbname=php', 'root', 'root123456');
  2. // var_dump($pdo);
  3. // die;
  4. $sql = 'SELECT * FROM `user` ';
  5. $stmt = $pdo->prepare($sql);
  7. $stmt->execute();
  9. $users = $stmt->fetchAll(PDO::FETCH_ASSOC);

2.处理用户注册登录脚本(COOKIE)

  1. //处理用户登录和注册
  2. $action = $_GET['action'];
  4. switch (strtolower($action)) {
  5.         // 登录
  6.     case 'login':
  7.         //判断请求是否合法
  8.         if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  9.             //获取需要验证的数据
  10.             $email = $_POST['email'];
  11.             $password = sha1($_POST['password']);
  12.             // echo $email, $password;
  13.             // die;
  15.             $results = array_filter($users, function ($user) use ($email, $password) {
  16.                 return $user['email'] === $email && $user['password'] === $password;
  17.             });
  18.             // print_r($results);
  20.             if (count($results) === 1) {
  21.                 setcookie('user', serialize(array_pop($results)));
  22.                 exit('<script>alert("验证通过");location.href="index.php"</script>');
  23.             } else {
  24.                 exit('<script>alert("验证失败");location.href="login.php"</script>');
  25.             }
  26.         } else {
  27.             die('请求类型错误');
  28.         }
  29.         break;
  32.         //退出
  33.     case 'logout':
  34.         if (isset($_COOKIE['user'])) {
  35.             setcookie('user', null, time() - 3600);
  36.             exit('<script>alert("退出成功");location.assign("index.php")</script>');
  37.         }
  38.         break;
  39.         //注册
  40.     case 'reg';
  41.         //获取新用户信息
  42.         $name = $_POST['name'];
  43.         $email = $_POST['email'];
  44.         $password = sha1($_POST['password1']);
  45.         $time = time();
  46.         // echo $name, $email, $password, $time;
  47.         // die;
  48.         //2.写入新用户信息
  49.         $sql = "INSERT `user` SET `name`='{$name}',`email`='{$email}',`password`='{$password}',`time`={$time}";
  51.         $stmt = $pdo->prepare($sql);
  52.         $stmt->execute();
  54.         if ($stmt->rowCount() === 1) exit('<script>alert("注册成功");location.assign("index.php")</script>');
  55.         else exit('<script>alert("注册失败");location.assign("index.php")</script>');
  56.         break;
  57.     default:
  58.         echo ('未定义操作');
  59. }

3.处理用户注册登录脚本(SESSION)

  1. <?php
  2. session_start();
  3. //处理脚本
  5. $pdo = new PDO('mysql:host=localhost;dbname=php', 'root', 'root123456');
  6. // var_dump($pdo);
  7. // die;
  8. $sql = 'SELECT * FROM `user` ';
  9. $stmt = $pdo->prepare($sql);
  11. $stmt->execute();
  13. $users = $stmt->fetchAll(PDO::FETCH_ASSOC);
  14. // print_r($users);
  16. //处理用户登录和注册
  17. $action = $_GET['action'];
  19. switch (strtolower($action)) {
  20.         // 登录
  21.     case 'login':
  22.         //判断请求是否合法
  23.         if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  24.             //获取需要验证的数据
  25.             $email = $_POST['email'];
  26.             $password = sha1($_POST['password']);
  27.             // echo $email, $password;
  28.             // die;
  30.             $results = array_filter($users, function ($user) use ($email, $password) {
  31.                 return $user['email'] === $email && $user['password'] === $password;
  32.             });
  33.             // print_r($results);
  35.             if (count($results) === 1) {
  36.                 // setcookie('user', serialize(array_pop($results)));
  37.                 $_SESSION['user'] = serialize(array_pop($results));
  38.                 exit('<script>alert("验证通过");location.href="index.php"</script>');
  39.             } else {
  40.                 exit('<script>alert("验证失败");location.href="login.php"</script>');
  41.             }
  42.         } else {
  43.             die('请求类型错误');
  44.         }
  45.         break;
  48.         //退出
  49.     case 'logout':
  50.         if (isset($_SESSION['user'])) {
  51.             // setcookie('user', null, time() - 3600);
  52.             session_destroy();
  53.             exit('<script>alert("退出成功");location.assign("index.php")</script>');
  54.         }
  55.         break;
  56.         //注册
  57.     case 'reg';
  58.         //获取新用户信息
  59.         $name = $_POST['name'];
  60.         $email = $_POST['email'];
  61.         $password = sha1($_POST['password1']);
  62.         $time = time();
  63.         // echo $name, $email, $password, $time;
  64.         // die;
  65.         //2.写入新用户信息
  66.         $sql = "INSERT `user` SET `name`='{$name}',`email`='{$email}',`password`='{$password}',`time`={$time}";
  68.         $stmt = $pdo->prepare($sql);
  69.         $stmt->execute();
  71.         if ($stmt->rowCount() === 1) exit('<script>alert("注册成功");location.assign("index.php")</script>');
  72.         else exit('<script>alert("注册失败");location.assign("index.php")</script>');
  73.         break;
  74.     default:
  75.         echo ('未定义操作');
  76. }

4. 前端代码分享

4.1 首页

  1. <?php
  2. session_start();
  3. //判断是否已经登陆
  4. if (isset($_SESSION['user'])) $user = unserialize($_SESSION['user']);
  5. // print_r($user);
  7. ?>
  11. <!DOCTYPE html>
  12. <html lang="en">
  14. <head>
  15.     <meta charset="UTF-8" />
  16.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  17.     <title>首页</title>
  18.     <link rel="stylesheet" href="../css/index.css" />
  19. </head>
  21. <body>
  22.     <nav>
  23.         <div><a href="">logo</a></div>
  24.         <span>
  25.             <a href="index.php">官网首页</a>
  26.             <a href="index.php">HOME</a>
  27.         </span>
  28.         <span>
  29.             <a href="">活动中心</a>
  30.             <a href="">CONTENTS</a>
  31.         </span>
  32.         <span>
  33.             <a href="">新闻公告</a>
  34.             <a href="">NEWS</a>
  35.         </span>
  36.         <span>
  37.             <a href="">排行榜</a>
  38.             <a href="">LIST</a>
  39.         </span>
  40.         <span>
  41.             <a href="">兑换中心</a>
  42.             <a href="">EXCHANGE</a>
  43.         </span>
  44.         <span>
  45.             <a href="">博客之家</a>
  46.             <a href="">BLOG</a>
  47.         </span>
  48.         <span>
  49.             <a href="">发布任务</a>
  50.             <a href="">TASK</a>
  51.         </span>
  52.         <span>
  53.             <a href="">投诉建议</a>
  54.             <a href="">ADVICE</a>
  55.         </span>
  56.         <span>
  57.             <a href="">个人中心</a>
  58.             <a href="">CENTER</a>
  59.         </span>
  60.         <div>
  61.             <div>
  62.                 <?php if (isset($user)) : ?>
  63.                 <span>
  65.                     <a href="" id="logout"><span style="color: red"><?php echo $user['name'] ?></span>  退出</>
  66.                 </span>
  67.                 <?php else : ?>
  68.                 <span>
  69.                     <a href="reg.php">注册</a>
  70.                     <a href="login.php">登录</a>
  71.                 </span>
  72.                 <?php endif ?>
  76.                 <a href="">HI,欢迎光临</a>
  77.             </div>
  78.         </div>
  79.     </nav>
  80. </body>
  81. <script>
  82. //        为退出按钮创建事件监听器
  83. document.querySelector('#logout').addEventListener('click', function(event) {
  84.     if (confirm('是否退出')) {
  85.         // 禁用默认行为, 其实就是禁用原<a>标签的点击跳转行为,使用事件中的自定义方法处理
  86.         event.preventDefault();
  87.         // 跳转到退出事件处理器
  88.         window.location.assign('handle.php?action=logout');
  89.     }
  90. });
  91. </script>
  93. </html>

4.2 注册页面

  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.     <title>注册用户</title>
  8.     <link rel="stylesheet" href="../css/style.css" />
  9. </head>
  11. <body>
  12.     <div>
  13.         <div>
  14.             <div>账号注册</div>
  15.             <form action="handle.php?action=reg" method="POST" onsubmit="return compare()">
  16.                 <section>
  17.                     <label for="email">电子邮箱：</label>
  18.                     <input type="email" name="email" id="email" required autofocus placeholder="请输入邮箱" />
  19.                 </section>
  20.                 <section>
  21.                     <label for="name">用户昵称：</label>
  22.                     <input type="text" name="name" id="name" required autofocus placeholder="请输入用户名称" />
  23.                 </section>
  24.                 <section>
  25.                     <label for="password1">输入密码：</label>
  26.                     <input type="password" name="password1" id="password1" required placeholder="请输入密码" />
  27.                 </section>
  28.                 <section>
  29.                     <label for="password2">重复密码：</label>
  30.                     <input type="password" name="password2" id="password2" required placeholder="请重复密码" />
  31.                 </section>
  32.                 <section>
  33.                     <button>提交</button><span id="tips" style="color: red"></span>
  34.                 </section>
  36.             </form>
  38.             <p>已有账号？请点击<a href="login.php">登录</a></p>
  39.         </div>
  40.     </div>
  42.     <script>
  43.     // 验证二次密码是否相等?
  44.     function compare() {
  45.         if (document.forms[0].password1.value.trim() !== document.forms[0].password2.value.trim()) {
  46.             document.querySelector('#tips').innerText = '二次密码不相等';
  47.             return false;
  48.         }
  49.     }
  50.     </script>
  51. </body>
  53. </html>

4.3 登陆页面

  1. <?php
  2. session_start();
  3. //防止重复登陆
  4. if (isset($_SESSION['user'])) exit('<script>alert("你已经登陆了");location.href="index.php";</script>');
  5. // print_r($user);
  7. ?>
  8. <!DOCTYPE html>
  9. <html lang="en">
  11. <head>
  12.     <meta charset="UTF-8" />
  13.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  14.     <title>用户登录</title>
  15.     <link rel="stylesheet" href="../css/style.css" />
  16. </head>
  18. <body>
  19.     <div>
  20.         <div>
  21.             <div>账号登录</div>
  22.             <form action="handle.php?action=login" method="POST">
  23.                 <section>
  24.                     <label for="email">电子邮箱：</label>
  25.                     <input type="email" name="email" id="email" required autofocus placeholder="请输入邮箱" />
  26.                 </section>
  27.                 <section>
  28.                     <label for="password">输入密码：</label>
  29.                     <input type="password" name="password" id="password" required placeholder="请输入密码" />
  30.                 </section>
  31.                 <button>提交</button>
  32.             </form>
  33.             <p>还没账号？请点击<a href="reg.php">注册</a></p>
  34.         </div>
  35.     </div>
  36. </body>
  38. </html>

5. css 样式分享

5.1 首页 index.css

  1. body {
  2.   min-width: 1200px;
  3. }
  4. * {
  5.   padding: 0;
  6.   margin: 0;
  7. }
  8. a {
  9.   text-decoration: none;
  10.   color: #cdcde1;
  11. }
  12. nav {
  13.   display: flex;
  14.   height: 83px;
  15.   align-items: center;
  16.   padding: 0 20px;
  17.   justify-content: space-between;
  18.   background-color: #000;
  19. }
  20. nav > div:first-of-type {
  21.   width: 220px;
  22.   text-align: center;
  23. }
  24. nav > span {
  25.   width: 111px;
  26.   display: flex;
  27.   flex-direction: column;
  28.   align-items: center;
  29.   height: 83px;
  30.   justify-content: center;
  31. }
  32. nav > span > a {
  33.   padding: 5px;
  34. }
  36. nav > div:last-of-type > div {
  37.   display: flex;
  38.   height: 83px;
  39.   flex-direction: column;
  40.   align-items: center;
  41.   justify-content: space-evenly;
  42. }

5.2 登陆页面注册页面样式 style.css

  1. body {
  2.   min-width: 1200px;
  3.   margin: 0;
  4.   background: url(../bg.png) no-repeat;
  5.   height: 100%;
  6.   width: 100%;
  7.   overflow: hidden;
  8.   background-size: 100%;
  9.   display: flex;
  10.   justify-content: center;
  11.   /* align-items: center; */
  12. }
  13. body > div {
  14.   background: #fff;
  15.   width: 910px;
  16.   /* height: 968px; */
  17.   border-radius: 50px;
  18.   margin: 10px;
  19. }
  20. h3 {
  21.   text-align: center;
  22. }
  23. body > div > div {
  24.   height: 300px;
  25.   display: flex;
  26.   flex-direction: column;
  27.   align-items: center;
  28.   justify-content: space-evenly;
  29. }
  30. body > div > div > div {
  31.   font-size: 2.5rem;
  32.   color: #e9cbac;
  33.   font-weight: bolder;
  34. }

6. 进阶操作

  • 验证码
  1. //创建验证码
  2. public function createCode(){
  3.     $strlen = strlen($this->string)-1;
  4.     for ($i=0; $i < $this->codeNum; $i++) {
  5.       $this->code .= $this->string[mt_rand(0,$strlen)];  //从字符集中随机取出四个字符拼接
  6.     }
  7.      $_SESSION['code'] = $this->code;  //加入 session 中
  9.    //计算每个字符间距
  10.     $diff = $this->width/$this->codeNum;
  11.     for ($i=0; $i < $this->codeNum; $i++) {
  12.           //为每个字符生成颜色（使用深色）
  13.      $txtColor = imagecolorallocate($this->img,mt_rand(100,255),mt_rand(100,255),mt_rand(100,255));
  14.      //写入图像
  15.       imagettftext($this->img, $this->fontSize, mt_rand(-30,30), $diff*$i+mt_rand(3,8), mt_rand(20,$this->height-10), $txtColor, $this->font, $this->code[$i]);
  16.     }
  17.   }
  • 验证手机短信：正在学习如何使用别人的接口

7.总结

本节课学习了绘画控制的基本知识，简单地说，Cookie 是通过在客户端中记录信息而确定用户身份；Session 是通过在服务器端记录信息而确定用户身份。

上一条：Mysql浅谈学习一下一条：0508_会话控制（session和cookies）
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多