index.php

<?php
//开启会话获取session
session_start();
// 判断用户是否已经登录?
if (isset($_SESSION['user'])) $user = unserialize($_SESSION['user']);
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <nav>
        <!-- 判断用户是否已经登录对应的显示 -->
        <?php if (isset($user)) : ?>
            <a href="" id="logout">退出</a>
        <?php else : ?>
            <a href="login.php">登录</a>
        <?php endif ?>
    </nav>
    <script>
        document.querySelector('#logout').addEventListener('click', function(event) {
            if (confirm('是否退出?')) {
                // 禁用默认跳转行为
                event.preventDefault();
                // 跳转到处理器
                location.assign('handle.php?action=logout');
            }
        });
    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="zh-CN">
<?php
//开启session会话
session_start();
// 判断用户是否已经登录?
if (isset($_SESSION['user'])) echo '<script>alert("不要重复登录");locatoin.href="index.php"</script>';
?>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户登录表单</title>
</head>
<body>
    <form action="handle.php?action=login" method="POST">
        <fieldset style="display: inline-block;background:lightcyan">
            <legend>用户登录</legend>
            <p>
                <input type="email" name="email" placeholder="user@email.com" require>
            </p>
            <p>
                <input type="password" name="password" placeholder="不少于6位" require>
            </p>
            <p>
                <button>提交</button>
            </p>
        </fieldset>
        <a href="register.php">如果没有帐号,请先注册</a>
    </form>
</body>
</html>

handle.php

<?php
// 开启会话
session_start();
// 根据用户的不同请求,执行不同的操作
// 比如:登录 , 注册, 退出
// 连接数据并获取用户表中的数据
$db = new PDO('mysql:dbname=phpedu', 'root', 'root');
$stmt = $db->prepare('SELECT * FROM `user`');
$stmt->execute();
$users = $stmt->fetchAll(PDO::FETCH_ASSOC);
// print_r($users);
$action = $_GET['action'];
switch (strtolower($action)) {
        // 登录
    case 'login':
        //要保证数据是通用POST请求发送的
        if ($_SERVER['REQUEST_METHOD'] === 'POST') {
            // 先拿到登录数据
            extract($_POST);
            // $email = $_POST['email'];
            // $password = sha1($_POST['password']);
            // $result 是数组 
            $result =  array_filter($users, function ($user) use ($email, $password) {
                return  $user['email'] === $email && $user['password'] === md5($password);
            });
            if (count($result) === 1) {
                // 验证成功,将用户信息写到SESSION
                // print_r(serialize(array_pop($result)));
                // $a = serialize(array_pop($result));
                // print_r(unserialize($a));
                // 将用户信息序列化之后保存到SESSION中
                $_SESSION['user'] = serialize(array_pop($result));
                exit('<script>alert("验证通过");location.href="index.php"</script>');
            } else {
                exit('<script>alert("邮箱或密码错误");location.href="index.php"</script>');
            }
        } else {
            die('请求错误');
        }
        break;
        // 退出
    case 'logout':
        if (isset($_SESSION['user'])) {
            session_destroy();
            exit('<script>alert("退出成功");location.assign("index.php")</script>');
        }
        break;
        // 注册
    case 'register':
        // 1. 获取到新用户的信息
        $name = $_POST['name'];
        $email = $_POST['email'];
        $password = md5($_POST['psw1']);
        $register_time = time();
        // 2. 将新用户添加到表中
        $sql = 'INSERT user SET name=?,email=?,password=?,register_time=?';
        $stmt = $db->prepare($sql);
        $stmt->execute([$name, $email, $password, $register_time]);
        if ($stmt->rowCount() === 1) {
            echo '<script>alert("注册成功");locaton.href="index.php"</script>';
        } else {
            exit('<script>alert("注册失败");locaton.href="index.php"</script>');
        }
        break;
}

register.php

<!DOCTYPE html>
<html lang="zh-CN">
<?php
session_start();
// 判断用户是否已经登录?
if (isset($_SESSION['user'])) echo '<script>alert("不要重复登录");locatoin.href="index.php"</script>';
?>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户注册表单</title>
</head>
<body>
    <form action="handle.php?action=login" method="POST">
        <fieldset style="display: inline-block;background:lightcyan">
            <legend>用户注册</legend>
            <p>
                <input type="email" name="email" placeholder="user@email.com" require>
            </p>
            <p>
                <input type="password" name="password" id="pwd_o" placeholder="不少于6位" require>
            </p>
            <p>
                <input type="password" name="password" id="pwd_t" placeholder="二次必须一致" require>
            </p>
            <!-- 二次密码是否一致用JS进行验证就可以了  -->
            <p>
                <button>提交</button>
            </p>
        </fieldset>
    </form>
</body>
<script>
    // 获取第一次密码input dom
    const pwd_o = document.querySelector('#pwd_o');
    // 获取第二次密码input dom
    const pwd_t = document.querySelector('#pwd_t');
    // 第二次密码失去焦点事件
    pwd_t.addEventListener('blur',function(){
        if(pwd_o.value!==pwd_t.value){
            pwd_t.value="";
            pwd_t.placeholder="两次密码不一致!!!";
        }
    });
</script>
</html>

完成新用户注册的过程 ,并详细会话的完整流程,以及注意事项

index.php

handle.php

register.php

相关文章