COOKIE和SESSION及案例

安全天天学

已于 2022-10-28 11:03:45 修改

阅读量960

点赞数 2

分类专栏： JS 文章标签：服务器 php html5 javascript 后端

于 2022-09-20 17:27:48 首次发布

本文链接：https://blog.csdn.net/qq_53568983/article/details/126957708

版权

JS 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

💪💪COOKIE和SESSION区别

1.cookie和session

1.1Cookie的工作原理

浏览器端第一次发送请求到服务器端
服务器端创建Cookie，该Cookie中包含用户的信息，然后将该Cookie发送到浏览器端
浏览器端再次访问服务器端时会携带服务器端创建的Cookie
服务器端通过Cookie中携带的数据区分不同的用户

1.2.Session的工作原理

浏览器端第一次发送请求到服务器端，服务器端创建一个Session，同时会创建一个特殊的Cookie,(name``JSESSIONID的固定值，value为session对象的ID），然后将该Cookie发送至浏览器端
浏览器端发送第N（N>1）次请求到服务器端,浏览器端访问服务器端时就会携带该name为JSESSIONID的Cookie对象
服务器端根据name为JSESSIONID的Cookie``value(sessionId),去查询Session对象，从而区分不同用户。name为JSESSIONID的Cookie不存在（关闭或更换浏览器），返回1中重新去创建Session与特殊的Cookie
name为JSESSIONID的Cookie存在，根据value中的SessionId去寻找session对象
value为SessionId不存在**（Session对象默认存活30分钟）**，返回1中重新去创建Session与特殊的Cookie
value为SessionId存在，返回session对象

1.3session和cookie工作图解

💎💎 如下是session工作图解

<?php

session_start();

/**
 * 启动会话做了二件事
 * 1. 浏览器: 创建会话ID: PHPSESSID, 一串md5加密的字符串
 * 2. 服务器: 创建与浏览器会话ID对应的会话文件,一个会话文件对应一个用户
 */

// 1. 设置session值
$_SESSION['email'] = 'admin@php.cn';
$_SESSION['password'] = sha1(md5('123456'). 'php.cn123');

在这里插入图片描述

没访问之前为空

在这里插入图片描述

💎💎自动生成会话ID文件

在这里插入图片描述

就是当产生会话的时候，就是你访问一个网站，会在浏览器生成一个会话ID，该ID标识了你这个用户，服务器会生成一个对应该ID的文件，该ID文件记录着你在网站进行的一系列操作（比如你访问了哪个网页，买了哪些东西），然后当你下一次访问该网站的时候，浏览器携带会话ID去和服务器对应的ID文件夹比对，然后确定你在网站进行了哪些操作，因为http协议是无连接的（就是你每访问一次服务器都要建立一次连接，这样你登录了网站，下一次访问又要登录网站，但是有了会话ID，一比对，就自动跳转到你上一次你访问的网页）

⚠️⚠️ 如下是cookie工作图解

在这里插入图片描述
COOKIE

<?php
 
setcookie('user[name]','yk');
setcookie('user[password]','yksad');
setcookie('user[email]','yksfd');
/**
 * 将过多信息存储在客户端,并不适合
 * 1. 数量受限: 30个
 * 2. 空间受限: 4k
 * 3. 安全隐患: 天生不可避免
 *
 * 所以, 会话信息推荐存储在服务器端
 * 客户端只需要保存一个会话ID,用于标识访问身份即可
 */

1.4session和cookie总结

⚠️⚠️cookie是浏览器存储信息的对象，session是服务器存储信息的对象，两者都存储着用户信息，每次访问服务器时，浏览器携带cookie和服务器的session进行比对，来确定用户信息。

2.登录系统案例

2.1CSS/index.php

nav{
    height: 40px;
    background-color: deepskyblue;
    padding: 0 20px;
    display: flex;
    place-content: space-between;
    place-items: center;
}
nav>a{
    color: white;
    text-decoration: none;
}

2.2CSS/style.php

body {
    display: flex;
    flex-direction: column;
    text-align: center;
    color: #555;
    font-weight: 300;
    /* background-color: lightcyan; */
    background: linear-gradient(to left, lightcyan, white);
}
body h3 {
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 10px;
}
body form {
    width: 240px;
    padding: 20px;
    box-sizing: border-box;
    background: linear-gradient(to left top, lightskyblue, white);
    color: white;
    text-shadow: 0.5px 0.5px 0.5px #000;
    margin: auto;
    border-radius: 5px;
    box-shadow: 0 0 5px #aaa;
}
body form > div {
    height: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
body form div:last-of-type {
    display: flex;
    justify-content: center;
}
body form input {
    border: none;
    outline: none;
    padding-left: 5px;
    height: 20px;
}
body form input:hover {
    box-shadow: 0 0 5px #aaa;
}
body form button {
    flex: auto;
    height: 30px;
    background-color: green;
    color: white;
    border: none;
    outline: none;
}
body form button:hover {
    background-color: lightcoral;
    cursor: pointer;
    box-shadow: 0 0 5px #aaa;
}
body a {
    color: #888;
    text-decoration: none;
    margin-top: 15px;
}
body a:hover {
    color: lightcoral;
    font-weight: bold;
}

2.3handle.php

<?php

/**
 *  1.开启会话
 *  2.查看数据
 */

session_start();

$db = new PDO('mysql:host=localhost;dbname=phpedu','root','901026yk');
$stmt = $db->prepare('select * from user');
$stmt->execute();
$users = $stmt->fetchAll(PDO::FETCH_ASSOC);


$action = $_GET['action'];

/**
 *
 */
switch ($action)
{
    case 'login':
        if($_SERVER['REQUEST_METHOD'] == 'POST') {
            $password = sha1($_POST['password']);
            $email = $_POST['email'];
            $result = array_filter($users, function ($user) use ($password, $email) {
                return $user['password'] == $password && $user['email'] == $email;
            });
            if (count($result) == 1) {
                $_SESSION['user'] = serialize(array_pop($result));
                exit('<script>alert("登录成功");location.href="index.php"</script>');
            } else {
                exit('请求类型错误');
            }
        }
        case 'logout':
                if (isset($_SESSION['user'])) {
                    session_destroy();
                    exit('<script>alert("退出成功");location.href="index.php"</script>');
                }
                case 'register':
                    $email= $_POST['email'];
                    $name= $_POST['name'];
                    $password= sha1($_POST['p2']);
                    $register_time = time();

                    // 2. sql
                    $sql = <<<SQL
 INSERT `user`
                SET `name`= ?,
                    `email`= ?,
                    `password`= ?,
                    `register_time`= ?;
SQL;



                    $stmt = $db->prepare($sql);
                    $data = [$name,$email,$password, $register_time];
                    if ($stmt->execute($data)) {
                        if ($stmt->rowCount() > 0) {
                            // 注册成功之后,让用户自动登录
                            $sql='SELECT * FROM `user` WHERE `id` = ' . $db->lastInsertId();
                            $stmt = $db->prepare($sql);
                            $stmt->execute();
                            $newUser =$stmt->fetch(PDO::FETCH_ASSOC);
                            $_SESSION['user'] = serialize($newUser);

                            exit('<script>alert("注册成功");location.href="index.php"</script>');
                        } else {
                            exit('<script>alert("注册失败");location.href="register.php"</script>');
                        }
                    } else {
                        print_r($stmt->errorInfo());
                    }

    // no break
    default:
        exit('参数非法或未定义操作');
}

/**
 * serialize:序列化数据
 */

2.4index.php

<?php

namespace _0822;

session_start();

// 判断是否已登录?
if (isset($_SESSION['user'])) {
    $user = unserialize($_SESSION['user']);
}


?>
<!DOCTYPE html>
<html lang="en">
<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>
    <link rel="stylesheet" href="CSS/index.css">
    <style>

    </style>
</head>
<body>
<nav>
    <a href="index.php">我的博客</a>

    <?php if (isset($user)) : ?>
        <span style="margin-left: 300px"><?=$user['name']?></span>
        <a id="logout">退出</a>
    <?php else: ?>
        <a href="login.php">登录</a>
    <?php endif ?>
</nav>


<script>
    //        为退出按钮创建事件监听器
    document.querySelector('#logout').addEventListener('click', function(event) {
        if (confirm('是否退出')) {
            // 禁用默认行为, 其实就是禁用原<a>标签的点击跳转行为,使用事件中的自定义方法处理
            event.preventDefault();
            // 跳转到退出事件处理器
            window.location.assign('handle.php?action=logout');
        }
    },true);
</script>
</body>
</html>

2.5login.php

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>

<body>
<h3>用户登录</h3>
<form action="handle.php?action=login" method="post">
    <div>
        <label for="email">邮箱:</label>
        <input type="email" name="email" id="email" placeholder="demo@email.com" required autofocus>
    </div>

    <div>
        <label for="password">密码:</label>
        <input type="password" name="password" id="password" placeholder="不少于6位" required>
    </div>

    <div>
        <button>提交</button>
    </div>
</form>

<a href="register.php">还没有帐号, 注册一个吧</a>
</body>

</html>

2.6register.php

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="CSS/style.css">
    <title>注册用户</title>
</head>

<body>
<h3>用户注册</h3>
<form action="handle.php?action=register" method="post" onsubmit="return compare()">
    <div>
        <label for="name">呢称:</label>
        <input type="text" name="name" id="name" placeholder="不少于3个字符" required autofocus>
    </div>
    <div>
        <label for="email">邮箱:</label>
        <input type="email" name="email" id="email" placeholder="demo@email.com" required>
    </div>

    <div>
        <label for="p1">密码:</label>
        <input type="password" name="p1" id="p1" placeholder="不少于6位" required>
    </div>

    <div>
        <label for="p2">重复:</label>
        <input type="password" name="p2" id="p2" placeholder="必须与上面一致" required>
    </div>

    <div>
        <button>提交</button><span id="tips" style="color: red"></span>
    </div>
</form>
<a href="login.php">我有帐号,直接登录</a>

<script>
    // 验证二次密码是否相等?
    function compare() {
        if (document.forms[0].p1.value.trim() !== document.forms[0].p2.value.trim()) {
            document.querySelector('#tips').innerText = '二次密码不相等';
            return false;
        }
    }
</script>
</body>

</html>