" class="reference-link">#流程分析图

入口文件index.php

  1. <?php
  2. session_start();
  3. // 判断用户是否已经登录?
  4. if (isset($_SESSION['user'])) $user = unserialize($_SESSION['user']);
  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>session会话处理</title>
  14. </head>
  15. <body>
  16.     <nav>
  17.         <?php if (isset($user)) : ?>
  18.             <a href="" id="logout">退出</a>
  19.         <?php else:?>
  20.             <a href="login.php">登录</a>
  21.         <?php endif ?>
  22.     </nav>
  23.     <script>
  24.         document.querySelector('#logout').addEventListener('click', function(event) {
  25.             if (confirm('是否退出？')) {
  26.                 // 阻止默认的点击事件执行
  27.                 event.preventDefault();
  28.                 // Location.assign() 方法会触发窗口加载并显示指定的URL的内容。
  29.                 location.assign('handle.php?action=logout');
  30.             }
  31.         });
  32.     </script>
  33. </body>
  34. </html>

登录文件login.php

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <?php
  4. // 判断用户是否已经登录？
  5. if (isset($_SESSION['user'])) echo '<script>alert("不要重复登录");location.href="index.php"</script>';
  6. ?>
  7. <head>
  8.     <meta charset="UTF-8">
  9.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  10.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  11.     <title>Document</title>
  12.     <style>
  13.    #form1 {
  14.     width: 20em;
  15.     border-radius: 0.3em;
  16.     box-shadow: 0 0 1em #888;
  17.     box-sizing: border-box;
  18.     padding: 1em 2em 1em;
  19.     margin: 1em auto;
  20.     background-color: lightblue;
  21.     display: grid;
  22.     grid-template-columns: 1fr;
  23.     gap: 1em 0;
  24. }
  25. #form1 input {
  26.     border-radius: 0.3em;
  27.     border: none;
  28.     padding-left: 0.3em;
  29. }
  31. #form1 input:focus {
  32.     outline: none;
  33.     box-shadow: 0 0 5px seagreen;
  34.     background-color: hsl(283, 100%, 95%);
  35.     border-radius: 0.2em;
  36.     transition: 0.5s;
  37. }
  39. #form1 button {
  40.     grid-area: auto / 2 / auto;
  41.     outline: none;
  42.     background-color: royalblue;
  43.     border: none;
  44.     height: 2em;
  45.     color: #fff;
  46. }
  48. #form1 button:hover {
  49.     cursor: pointer;
  50.     background-color: seagreen;
  51.     transition: 0.5s;
  52. }
  53.     </style>
  54. </head>
  55. <body>
  56.     <form id="form1" action="handle.php?action=login" method="POST" >
  57.        <fieldset style="disply:inline-block;background:deepskyblue">
  58.           <legend>用户登录</legend>
  60.           <p>
  61.               <input type="email" name="email" placeholder="user@email.com" required>
  62.           </p>
  63.           <p>
  64.               <input type="password" name="password" placeholder="不少于六位" required>
  65.           </p>
  66.           <P>
  67.               <button>提交</button>
  68.           </P>
  70.        </fieldset>
  71.        <p>
  72.            <a href="register.php">如果没有账号，请先注册！</a>
  73.        </p>
  74.     </form>
  76. </body>
  77. </html>

注册文件register.php

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <?php
  4. session_start();
  5. // 判断用户是否已经登录?
  6. if (isset($_SESSION['user'])) echo '<script>alert("不要重复登录");locatoin.href="index.php"</script>'
  7. ?>
  8. <head>
  9.     <meta charset="UTF-8">
  10.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12.     <title>用户注册表单</title>
  13.      <style>
  14.    #form1 {
  15.     width: 25em;
  16.     border-radius: 0.3em;
  17.     box-shadow: 0 0 1em #888;
  18.     box-sizing: border-box;
  19.     padding: 1em 2em 1em;
  20.     margin: 1em auto;
  21.     background-color: lightblue;
  22.     display: grid;
  23.     grid-template-columns: 1fr;
  24.     gap: 1em 0;
  25. }
  26.  #form1 fieldset {
  27.     border: none;
  28.     border-radius: 0.3em;
  29.     box-shadow: 0 0 1em #888;
  30.     box-sizing: border-box;
  31.     display: grid;
  32.     grid-template-columns: 5em 1fr;
  33.     gap: 1em 0;
  34.     padding: 1em 2em 1em;
  35.     margin: 1em 1em;
  36. }
  37. #form1 fieldset legend
  38.  {
  39.     grid-area: auto / span 2;
  40.    }
  41. #form1 input {
  42.     border-radius: 0.3em;
  43.     border: none;
  44.     padding-left: 0.3em;
  45. }
  47. #form1 input:focus {
  48.     outline: none;
  49.     box-shadow: 0 0 5px seagreen;
  50.     background-color: hsl(283, 100%, 95%);
  51.     border-radius: 0.2em;
  52.     transition: 0.5s;
  53. }
  55. #btn1 {
  56.     grid-area: auto / 2 / auto;
  57.     outline: none;
  58.     background-color: royalblue;
  59.     border: none;
  60.     height: 2em;
  61.     color: #fff;
  62. }
  64. #btn1:hover {
  65.     cursor: pointer;
  66.     background-color: seagreen;
  67.     transition: 0.5s;
  68. }
  69. </style>
  70. </head>
  71. <body>
  72.      <form id="form1" action="handle.php?action=register" method="POST">
  73.        <fieldset style="disply:inline-block;background:deepskyblue">
  74.           <legend>用户注册</legend>
  75.               <label for="name">姓名:</label>
  76.               <input type="text" name="name" id="username" placeholder="username" required>
  78.               <label for="email">邮箱:</label>
  79.               <input type="email" name="email" id="email" placeholder="user@email.com" required>
  81.               <label for="password">密码:</label>
  82.               <input type="password" name="password" id="psw1" placeholder="不少于六位" required>
  84.               <label for="psw1">确认密码:</label>
  85.               <input type="password" name="psw1" id="psw2" onblur="check()" placeholder="*两次一致√" required>
  87.                <input type="submit" id="btn1" onclick="check()">
  90.        </fieldset>
  92.     </form>
  94. <script type="text/javascript"> 
  96.     //自定义通过ID获取元素的函数
  97.     function $(id){
  98.              return document.getElementById(id)
  99.           }
  101.           function check(){
  102.               let check;
  103.            if ($('psw1').value != $('psw2').value) {
  104.                alert('两次密码不一致,请重新输入');
  105.                    $('psw1').focus();
  106.                    check=false;
  108.             }else{
  109.                 alert('两次密码一致');
  110.                 check=true;            
  111.             }
  112.             return check;
  113.         }     
  114. </script>
  116. </body>
  117. </html>

注册验证效果图示

控制器文件handle.php

  1. <?php
  2. // 开启会话
  3. // 控制器文件：根据用户的不同请求,执行不同的操作，登录 , 注册, 退出
  5. // 连接数据并获取用户表中的数据
  6. session_start();
  7. $db = new PDO('mysql:dbname=phpedu','root','root');
  8. $stmt = $db->prepare('SELECT * FROM `user`');
  9. $stmt->execute();
  10. $users = $stmt->fetchAll(PDO::FETCH_ASSOC);
  12. $action = $_GET['action'];
  14. switch (strtolower($action)) {
  15.     // 登录
  16.     case 'login':
  17.     if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  18.         extract($_POST);
  19.         $result = array_filter($users, function($user) use ($email,$password) {
  20.             return $user['email'] === $email && $user['password'] === md5($password);
  21.         });
  22.         if (count($result) === 1) {
  23.     $_SESSION['user'] = serialize(array_pop($result));
  24.     // exit、die — 输出一个消息并且退出当前脚本
  25.     exit('<script>alert("验证通过");location.href="index.php"</script>');
  27. } else {
  28.     exit('<script>alert("邮箱或密码错误");location.href="index.php"</script>');
  29. }
  30.     } else {
  31.         die('请求错误');
  32.     }
  33.     break;
  34.      // 退出
  35.     case 'logout':
  36.         if (isset($_SESSION['user'])) {
  37.             session_destroy();
  38.             exit('<script>alert("退出成功");location.assign("index.php")</script>');            
  39.         }
  40.         break;
  42.          // 注册
  43.     case 'register':
  44.         $name = $_POST['name'];
  45.         $email = $_POST['email'];
  46.         $password = md5($_POST['password']);
  47.         $register_time = time();
  49.         $sql =  'INSERT `user` SET `name` = ?, `email` = ?, `password` = ?,`time` = ?';
  50.         $stmt = $db->prepare($sql);
  51.         $stmt->execute([$name, $email, $password, $register_time]);
  52.         if ($stmt->rowCount() === 1) {
  53.             echo '<script>alert("注册成功");location.href="index.php"</script>';            
  54.         } else {
  55.             exit('<script>alert("注册失败");location.href="index.php"</script>');
  56.         }
  57.         break;
  58. }

更多相关文章

  1. Android(安卓)逆向apk程序的心得
  2. Android(安卓)渗透测试学习手册（三）Android(安卓)应用的逆向和审计
  3. 最新res索引讲解（drawable、layout、values等目录的分辨率和layou
  4. Android之Adapter用法总结
  5. Windows下的Android(安卓)SDK下载，2.2之前各个版本及Google API，文
  6. 谈谈android数据存储方式
  7. Android(安卓)系统权限之SuperSU 模拟器root
  8. Android(安卓)Building System 总结
  9. Android虚拟机与Java虚拟机——两种虚拟机的比较

随机推荐

  1. 的良好实践是什么?它可以替换还是只用于
  2. HTML5的重点知识小结——整体布局（浮动布
  3. 浏览器加载和渲染html的顺序
  4. 用正则表达式剔除文本里面HTML标记
  5. UpdateResource(增加、删除或替代某可执
  6. HTML中的自定义HTTP请求标头
  7. 如何优化生成的文档形式html和样式
  8. html 防止表格或div被撑开
  9. 怎样把Excel表格转换成html网页格式输出？
  10. 如何设置div的样式以使其与文本一起运行？