Cookie概念和API

我也有鱼鱼蒸

于 2024-11-28 23:49:16 发布

阅读量1.1k

点赞数 22

分类专栏： JavaWeb 文章标签： java 前端服务器

本文链接：https://blog.youkuaiyun.com/m0_74386799/article/details/144120794

版权

JavaWeb 专栏收录该内容

12 篇文章

订阅专栏

Cookie概念

Cookie在HTTP中它表示服务器送给客户端浏览器的小甜点。其实Cookie就是一个键和一个值构成的，随着服务器端的响应发送给客户端浏览器。然后客户端浏览器会把Cookie保存起来，当下一次再访问服务器时把Cookie再发送给服务器。

Cookie是由服务器创建，然后通过响应发送给客户端的一个键值对。客户端会保存Cookie，并会标注出Cookie的来源（哪个服务器的Cookie）。当客户端向服务器发出请求时会把所有这个服务器Cookie包含在请求中发送给服务器，这样服务器就可以识别客户端了！

可以在页面右键点击检查或者按F12，点击应用程序，选择Cookie:

Cookie的API

创建Cookie

方法：

new 构造方法

Cookie cookie1 = new Cookie("username",user);
Cookie cookie2 = new Cookie("password",password);

注：如果服务器端发送重复的Cookie那么会覆盖原有的Cookie 。

保存至客户端浏览器

方法：

通过响应对象 addCookie(创建的cookie)

resp.addCookie(cookie1);
resp.addCookie(cookie2);

获取服务器端cookie内容

方法：

请求对象.getCookies()

该方法返回的是一个Cookie数组，需要通过遍历才能获得想要的值。

Cookie[] cookies = request.getCookies();
    String username ="";
    String password ="";
    if(cookies.length > 0 && cookies != null){
        for(Cookie cookie:cookies){
            if(cookie.getName().equals("username")){
                username = cookie.getValue();
            }
            if(cookie.getName().equals("password")){
                password = cookie.getValue();
            }
        }
    }

设置路径

方法：

cookie.setPath("路径")

设置的路径必须与当前页面的路径匹配，否则浏览器将不会发送此Cookie。例如，如果Cookie的路径设置为/login，那么只有URL中包含/login路径的页面才能访问这个Cookie。
子路径可以访问父路径的Cookie，但父路径不能访问子路径的Cookie。例如，如果Cookie的路径设置为/parent，那么/parent/child路径下的页面可以访问这个Cookie，但/child路径下的页面不能访问。

设置最大存活时间

Cookie的最大存活时间是指Cookie在客户端（如浏览器）上可以被存储和保留的最长时间。这个时间由Cookie的创建者（通常是Web服务器）在设置Cookie时指定，并受到浏览器和Web标准的限制。

默认存活时间: 会话级别, 浏览器关闭, 这个cookie就会被删除

方法：setMaxAge(int 参数) 单位: 秒

cookie1.setMaxAge(60*60*24*7);
cookie2.setMaxAge(60*60*24*7);

Cookie特征

cookie的key，value都是String类型

创建于服务器，保存在客户端浏览器上，不同浏览器之间cookie无法共享，不能跨浏览器

在之后的请求中，cookie以请求头的方式自动发送给服务器

实现功能

通过以上内容，可以实现登录时的“记住我” 功能

import com.fs.entity.LoginInfo;
import com.fs.service.LoginService;
import com.fs.service.impl.LoginServiceImpl;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/login")
public class LoginServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //设置post请求编码
        req.setCharacterEncoding("UTF-8");
//        resp.setContentType("text/html;charset=UTF-8");
        //拿到用户输入的验证码
        String yzm = req.getParameter("verifycode");

        //获得请求参数
        String user = req.getParameter("user");
        String password = req.getParameter("password");

        //调用service方法
        LoginService loginService = new LoginServiceImpl();
        LoginInfo loginInfo = loginService.login(user,password);

        if(loginInfo != null){//登录成功
            //先判断是否勾选“记住我”
            String rem = req.getParameter("rem");
            if(rem != null){
                //保存用户名密码
                Cookie cookie1 = new Cookie("username",user);
                Cookie cookie2 = new Cookie("password",password);
                //设置最大存活时间
                cookie1.setMaxAge(60*60*24*7);
                cookie2.setMaxAge(60*60*24*7);
                //设置路径
                cookie1.setPath("/");
                cookie2.setPath("/");
                resp.addCookie(cookie1);
                resp.addCookie(cookie2);
            }

            //重定向到index.html
            resp.sendRedirect("/index.jsp");


        }else{
            //转发到登录页面
            req.getRequestDispatcher("/login.jsp").forward(req,resp);

        }
    }
}

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<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"/>
    <title>管理员登录</title>

    <!-- 1. 导入CSS的全局样式 -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- 2. jQuery导入，建议使用1.9以上的版本 -->
    <script src="js/jquery-2.1.0.min.js"></script>
    <!-- 3. 导入bootstrap的js文件 -->
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript">

        function refreshCode(){
            const a = new Date().getTime();
            $("#vcode").attr("src","/checkCode?time="+a);
            console.log(a)
        }

    </script>
</head>
<body>
<%
//先获取cookie
    Cookie[] cookies = request.getCookies();
    String username ="";
    String password ="";
    if(cookies.length > 0 && cookies != null){
        for(Cookie cookie:cookies){
            if(cookie.getName().equals("username")){
                username = cookie.getValue();
            }
            if(cookie.getName().equals("password")){
                password = cookie.getValue();
            }
        }
    }
%>


<div class="container" style="width: 400px;">
    <h3 style="text-align: center;">管理员登录</h3>
    <form action="/login" method="post">
        <div class="form-group">
            <label for="user">用户名：</label>
            <input type="text" name="user" class="form-control" id="user" placeholder="请输入用户名" value="<%=username%>"/>
        </div>

        <div class="form-group">
            <label for="password">密码：</label>
            <input type="password" name="password" class="form-control" id="password" placeholder="请输入密码" value="<%=password%>"/>
        </div>

        <div class="form-inline">
            <input type="checkbox" name="rem" class="form-control" id="rem" value="rem"/>
            <label for="rem">记住我</label>
        </div>
        <div class="form-inline">
            <label for="vcode">验证码：</label>
            <input type="text" name="verifycode" class="form-control" id="verifycode" placeholder="请输入验证码"
                   style="width: 120px;"/>
            <a href="javascript:refreshCode()"><img src="checkCode" title="看不清点击刷新" id="vcode"/></a>
        </div>
        <hr/>
        <div class="form-group" style="text-align: center;">
            <input class="btn btn btn-primary" type="submit" value="登录">
        </div>
    </form>

    <!-- 出错显示的信息框 -->
    <div class="alert alert-warning alert-dismissible" role="alert">
        <button type="button" class="close" data-dismiss="alert">
            <span>&times;</span>
        </button>
        <strong>登录失败!</strong>
    </div>
</div>
</body>
</html>