JavaWeb学习笔记之——Cookie & Session

最新推荐文章于 2023-05-18 17:17:59 发布
最新推荐文章于 2023-05-18 17:17:59 发布
阅读量598 收藏 2
点赞数
分类专栏： Java基础+JavaWeb 文章标签： java 服务器 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36879493/article/details/121184329
版权

Cookie & Session

文章目录

1、会话技术

会话：一次会话中包含多次请求和响应

  • 一次会话：浏览器第一次给服务器资源发送请求，会话建立，直到有一方断开为止。

功能：在一次会话的范围内的多次请求间，共享数据

方式：

  1. 客户端会话技术：Cookie
  2. 服务器端会话技术：Session

1.1、Cookie

概念：客户端会话技术，将数据保存到客户端。

快速入门：

  1. 创建 Cookie 对象，绑定数据

    new Cookie(String name, String value)

  2. 发送 Cookie 对象

    response.addCookie(Cookie cookie)

  3. 获取 Cookie，拿到数据

    Cookie[] request.getCookies()

先创建一个 CookieDemo1：

package com.example.cookie_session;

import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;

/**
 * Cookie 的快速入门
 */
@WebServlet("/CookieDemo1")
public class CookieDemo1 extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
       /*
            1. 创建Cookie对象，绑定数据
                * new Cookie(String name, String value)
            2. 发送Cookie对象
                * response.addCookie(Cookie cookie)
            3. 获取Cookie，拿到数据
                * Cookie[]  request.getCookies()
        */

        //1.创建Cookie对象，绑定数据
        Cookie cookie = new Cookie("msg","hello");
        //2.发送Cookie对象
        response.addCookie(cookie);
    }
}

先创建一个 CookieDemo2：

package com.example.cookie_session;

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;

/**
 * Cookie 的快速入门
 */
@WebServlet("/CookieDemo2")
public class CookieDemo2 extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
       /*
            1. 创建Cookie对象，绑定数据
                * new Cookie(String name, String value)
            2. 发送Cookie对象
                * response.addCookie(Cookie cookie)
            3. 获取Cookie，拿到数据
                * Cookie[]  request.getCookies()
        */

        //3.获取Cookie
        Cookie[] cookies = request.getCookies();
        //3.1 获取数据，遍历Cookies
        if (cookies != null){
            for (Cookie cookie :
                    cookies) {
                String name = cookie.getName();
                String value = cookie.getValue();
                System.out.println(name + ":" + value);
            }
        }
    }
}

在这里插入图片描述

使用另一个浏览器访问 CookieDemo2：（获取不到数据）

在这里插入图片描述

1.1.1、Cookie 原理

基于响应头 set-cookie 和请求头 cookie 实现。

在这里插入图片描述

通过抓包工具分析：

首先访问 CookieDemo1：

在这里插入图片描述

再访问 CookieDemo2：

在这里插入图片描述

1.1.2、Cookie 的细节

  1. 一次可不可以发送多个 Cookie?

    可以。

    可以创建多个 Cookie 对象，使用 response 调用多次addCookie 方法发送 Cookie 即可。

    创建一个 CookieDemo3：

    package com.example.cookie_session;

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;

/**
 * Cookie 的快速入门
 */
@WebServlet("/CookieDemo3")
public class CookieDemo3 extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
       /*
            可不可以发送多个 Cookie?
        */

        //1.创建Cookie对象，绑定数据
        Cookie cookie1 = new Cookie("msg","hello");
        Cookie cookie2 = new Cookie("name","zhangsan");
        //2.发送Cookie对象
        response.addCookie(cookie1);
        response.addCookie(cookie2);
    }
}

    在这里插入图片描述

  2. Cookie 在浏览器中保存多长时间？

    • 默认情况下，当浏览器关闭后，Cookie 数据被销毁（Cookie 是存储在浏览器内存中）

    • 持久化存储：

      setMaxAge(int seconds)

      1. 正数：将 Cookie 数据写到硬盘的文件中。持久化存储。并指定 Cookie 存活时间，时间到后，Cookie 文件自动失效；
      2. 负数：默认值；
      3. 零：删除 Cookie 信息。

    新建一个 CookieDemo4：

    package com.example.cookie_session;

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;

/**
 * Cookie 的快速入门
 */
@WebServlet("/CookieDemo4")
public class CookieDemo4 extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
       /*
            Cookie 在浏览器中保存多长时间?
        */

        //1.创建Cookie对象，绑定数据
        Cookie cookie1 = new Cookie("msg","setMaxAge");
        //2.设置 Cookie 的存活时间
        //cookie1.setMaxAge(30);//将Cookie持久化到硬盘，30秒会自动删除Cookie文件
        //cookie1.setMaxAge(-1);//默认值
        cookie1.setMaxAge(300);
        cookie1.setMaxAge(0);
        //3.发送Cookie对象
        response.addCookie(cookie1);
    }
}

    然后分别关闭浏览器后，在规定时间内访问 CookieDemo2，观察控制台输出情况。

  3. Cookie 能不能存中文？

    • 在 tomcat 8 之前 Cookie 中不能直接存储中文数据。

      需要将中文数据转码——一般采用 URL 编码（%E3）

    • 在 tomcat 8 之后，Cookie 支持中文数据。特殊字符还是不支持，建议使用 URL 编码存储，URL 解码解析。

  4. Cookie 共享问题？

    1. 假设在一个 tomcat 服务器中，部署了多个 web 项目，那么在这些 web 项目中 Cookie 能不能共享？

      • 默认情况下 Cookie 不能共享。

      • setPath(String path)：设置 Cookie 的获取范围。默认情况下，设置当前的虚拟目录。

        如果要共享，则可以将 path 设置为 "/"

    2. 不同的 tomcat 服务器间 Cookie 共享问题？

      • setDomain(String path)：如果设置一级域名相同，那么多个服务器之间 Cookie 可以共享；

        setDomain(".baidu.com")，那么 tieba.baidu.com和 news.baidu.com 中 Cookie 可以共享。

1.1.3、Cookie 的特点和作用
  1. Cookie 存储数据在客户端浏览器
  2. 浏览器对于单个 Cookie 的大小有限制（4kb） 以及对同一个域名下的总 Cookie 数量也有限制（20个）

作用：

  • Cookie 一般用于存出少量的不太敏感的数据
  • 在不登录的情况下，完成服务器对客户端的身份识别
1.1.4、Cookie 案例
  1. 需求：
    1. 访问一个 Servlet，如果是第一次访问，则提示：您好，欢迎您首次访问；
    2. 如果不是第一次访问，则提示：欢迎回来，您上次访问时间为：显示时间字符串

在这里插入图片描述

  1. 分析：
    1. 可以采用 Cookie 来完成；
    2. 在服务器中的 Servlet 判断是否有一个名为 lastTime 的Cookie
      1. 有：不是第一次访问
        • 响应数据：欢迎回来，您上次访问时间为：2018 年 6 月10 日11:50:20
        • 写回 Cookie：lastTime=2018 年 6 月10 日11:50:01
      2. 没有：是第一次访问
        • 响应数据：您好，欢迎您首次访问
        • 写回 Cookie：lastTime=2018 年 6 月10 日11:50:01
package com.example.cookie_session;

import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;
import java.net.URLDecoder;
import java.net.URLEncoder;
import java.text.SimpleDateFormat;
import java.util.Date;

/*
    在服务器中的 Servlet 判断是否有一个名为 lastTime 的Cookie

        1. 有：不是第一次访问
           - 响应数据：欢迎回来，您上次访问时间为：2018 年 6 月10 日11:50:20
           - 写回 Cookie：lastTime=2018 年 6 月10 日11:50:01
        2. 没有：是第一次访问
           - 响应数据：您好，欢迎您首次访问
           - 写回 Cookie：lastTime=2018 年 6 月10 日11:50:01
 */
@WebServlet("/CookieTest")
public class CookieTest extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //设置响应的消息体的数据格式以及编码
        response.setContentType("text/html;charset=utf-8");

        //1.获取所有的Cookie
        Cookie[] cookies = request.getCookies();
        boolean flag = false;//没有这个cookie
        //2.遍历cookies数组
        if (cookies != null && cookies.length > 0){
            for (Cookie cookie :
                    cookies) {
                //3.获取cookie名称
                String name = cookie.getName();
                //4.判断名称是否是：lastTime
                if ("lastTime".equals(name)){
                    //有该Cookie，不是第一次访问
                    flag = true;

                    //设置Cookie的value
                    //获取当前时间的字符串，重新设置Cookie的值，重新发送Cookie
                    Date date = new Date();
                    SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss");
                    String str_date = sdf.format(date);

                    System.out.println("编码前："+str_date);
                    //URL编码
                    str_date = URLEncoder.encode(str_date, "utf-8");
                    System.out.println("编码后："+str_date);

                    cookie.setValue(str_date);
                    //设置cookie的存活时间
                    cookie.setMaxAge(60*60*24*30);//一个月
                    response.addCookie(cookie);

                    //响应数据
                    //获取Cookie的value，时间
                    String value = cookie.getValue();

                    System.out.println("解码前："+value);
                    //URL解码
                    value = URLDecoder.decode(value, "utf-8");
                    System.out.println("解码后："+value);

                    response.getWriter().write("<h1>欢迎回来，您上次访问时间为：" + value + "</h1>");
                }
            }
        }
        if (cookies == null || cookies.length == 0  || !flag){
            //没有，第一次访问
            //设置Cookie的value
            //获取当前时间的字符串，重新设置Cookie的值，重新发送Cookie
            Date date = new Date();
            SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss");
            String str_date = sdf.format(date);

            System.out.println("编码前："+str_date);
            //URL编码
            str_date = URLEncoder.encode(str_date, "utf-8");
            System.out.println("编码后："+str_date);

            Cookie cookie = new Cookie("lastTime", str_date);
            cookie.setValue(str_date);
            //设置cookie的存活时间
            cookie.setMaxAge(60*60*24*30);//一个月
            response.addCookie(cookie);

            response.getWriter().write("<h1>您好，欢迎您首次访问</h1>");
        }
    }
}

第一次访问：

在这里插入图片描述

再次访问：

在这里插入图片描述

1.2、Session

见 3。

2、JSP

2.1、概念

Java Server Pages： java 服务器端页面

  • 可以理解为：一个特殊的页面，其中既可以指定定义 html 标签，又可以定义 java 代码
  • 用于简化书写！！！
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>JSP - Hello World</title>
</head>
<body>

<h1><%= "Hello World!" %>
</h1>

    <%
        System.out.println("hello jsp");
    %>

    <h1>hi~ jsp!</h1>


<br/>
<a href="hello-servlet">Hello Servlet</a>
</body>
</html>

2.2、原理

JSP 本质上就是一个 Servlet。

在这里插入图片描述

在这里插入图片描述

2.3、JSP 的脚本：JSP 定义 Java 代码的方式

  1. <% 代码 %>：定义的 java 代码，在 service 方法中。service 方法中可以定义什么，该脚本中就可以定义什么。
  2. <%! 代码 %>：定义的 java 代码，在 jsp 转换后的 java 类的成员位置。
  3. <%= 代码 %>：定义的 java 代码，会输出到页面上。输出语句中可以定义什么，该脚本中就可以定义什么。
<%
  System.out.println("hello jsp");
  int i = 5;
%>

<%!
   int i = 3;
%>

<%= i//5
%>

<%="hello"
%>

2.4、JSP 的内置对象：在 jsp 页面中不需要获取和创建，可以直接使用的对象

  • jsp 一共有 9 个内置对象

  • 今天学习 3 个：

    1. request

    2. response

    3. out：字符输出流对象。可以将数据输出到页面上。和 response.getWriter() 类似

      response.getWriter() 和 out.write() 的区别：

      • 在 tomcat 服务器真正给客户端做出响应之前，会先找 response 缓冲区数据，再找 out 缓冲区数据。
      • response.getWriter() 数据输出永远在 out.write() 之前。
      <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>JSP - Hello World</title>
</head>
<body>

<h1><%= "Hello World!" %>
</h1>

    <%--<%
        response.getWriter().write("response");
    %>--%>

    <%
        System.out.println("hello jsp");
        int i = 5;

        String contextPath = request.getContextPath();
        out.print(contextPath);
    %>

    <%!
        int i = 3;
    %>

    <%= i//5
    %>

    <%="hello"
    %>

    <h1>hi~ jsp!</h1>

    <%
        response.getWriter().write("response");
    %>
<br/>
<a href="hello-servlet">Hello Servlet</a>
</body>
</html>

2.5、案例：改造 Cookie 案例

<%@ page import="java.util.Date" %>
<%@ page import="java.text.SimpleDateFormat" %>
<%@ page import="java.net.URLEncoder" %>
<%@ page import="java.net.URLDecoder" %><%--
  Created by IntelliJ IDEA.
  User: Li
  Date: 2021-11-07
  Time: 下午 4:11
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Li</title>
</head>
<body>

<%

        //1.获取所有的Cookie
        Cookie[] cookies = request.getCookies();
        boolean flag = false;//没有这个cookie
        //2.遍历cookies数组
        if (cookies != null && cookies.length > 0){
            for (Cookie cookie :
                    cookies) {
                //3.获取cookie名称
                String name = cookie.getName();
                //4.判断名称是否是：lastTime
                if ("lastTime".equals(name)){
                    //有该Cookie，不是第一次访问
                    flag = true;

                    //设置Cookie的value
                    //获取当前时间的字符串，重新设置Cookie的值，重新发送Cookie
                    Date date = new Date();
                    SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss");
                    String str_date = sdf.format(date);

                    System.out.println("编码前："+str_date);
                    //URL编码
                    str_date = URLEncoder.encode(str_date, "utf-8");
                    System.out.println("编码后："+str_date);

                    cookie.setValue(str_date);
                    //设置cookie的存活时间
                    cookie.setMaxAge(60*60*24*30);//一个月
                    response.addCookie(cookie);

                    //响应数据
                    //获取Cookie的value，时间
                    String value = cookie.getValue();

                    System.out.println("解码前："+value);
                    //URL解码
                    value = URLDecoder.decode(value, "utf-8");
                    System.out.println("解码后："+value);
%>
    <h1>欢迎回来，您上次访问时间为：<%=value%></h1>
<%
                break;
                }
            }
        }
        if (cookies == null || cookies.length == 0  || !flag){
            //没有，第一次访问
            //设置Cookie的value
            //获取当前时间的字符串，重新设置Cookie的值，重新发送Cookie
            Date date = new Date();
            SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss");
            String str_date = sdf.format(date);

            System.out.println("编码前："+str_date);
            //URL编码
            str_date = URLEncoder.encode(str_date, "utf-8");
            System.out.println("编码后："+str_date);

            Cookie cookie = new Cookie("lastTime", str_date);
            cookie.setValue(str_date);
            //设置cookie的存活时间
            cookie.setMaxAge(60*60*24*30);//一个月
            response.addCookie(cookie);

%>
            <h1>您好，欢迎您首次访问</h1>
<%
        }
%>

<input>

</body>
</html>

3、Session

3.1、概念

概念：服务器端会话技术，在一次会话的多次请求间共享数据，将数据保存在服务器端的对象中。HttpSession

3.2、快速入门

  1. 获取 HttpSession 对象：

    HttpSession session = request.getSession();

  2. 使用 HttpSession 对象：

    Object getAttribute(String name)

    void setAttribute(String name, Object value)

    void removeAttribute(String name)

首先创建 SessionDemo1：

package com.example.session;

import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;

@WebServlet("/SessionDemo1")
public class SessionDemo1 extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //使用session共享对象

        //1.获取session
        HttpSession session = request.getSession();
        //2.存储数据
        session.setAttribute("msg", "hello session");
    }
}

再创建 SessionDemo2：

package com.example.session;

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

@WebServlet("/SessionDemo2")
public class SessionDemo2 extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //使用session获取对象

        //1.获取session
        HttpSession session = request.getSession();
        //2.获取数据
        Object msg = session.getAttribute("msg");

        System.out.println(msg);
    }
}

在这里插入图片描述

关闭浏览器，再次访问打印出 null，说明：只能在一次会话中共享数据。

3.3、Session 原理

在这里插入图片描述

Session 的实现是依赖于 Cookie 的。

重新打开浏览器，访问 SessionDemo1：

在这里插入图片描述

响应头：

JSESSIONID=A31894A2AB27C00AA81D3BFC48B95351

打开 SessionDemo2：

在这里插入图片描述

请求头：

JSESSIONID=A31894A2AB27C00AA81D3BFC48B95351

3.4、Session 细节

  1. 当客户端关闭后，服务器不关闭，两次获取 Session 是否为同一个？

    • 默认情况下：不是。
    • 如果需要相同，则可以创建 Cookie，键为 JSESSIONID，设置最大存活时间，让 Cookie 持久化保存。

    创建一个 SessionDemo3：

    package com.example.session;

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

@WebServlet("/SessionDemo3")
public class SessionDemo3 extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //使用session获取对象

        //1.获取session
        HttpSession session = request.getSession();

        System.out.println(session);
    }
}

    我们只打印 session：

    浏览器第一次访问 SessionDemo3：

    org.apache.catalina.session.StandardSessionFacade@337ea568

    关闭浏览器，再次访问：

    org.apache.catalina.session.StandardSessionFacade@7d57d6b1

    地址值不一样！说明：两次的 Session 不一样。

    修改 SessionDemo3：（我们期望在规定期限内获取的 session 一样）

    package com.example.session;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.*;
import java.io.IOException;

@WebServlet("/SessionDemo3")
public class SessionDemo3 extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //使用session获取对象

        //1.获取session
        HttpSession session = request.getSession();

        //期望客户端关闭后，session也能相同
        Cookie cookie = new Cookie("JSESSIONID", session.getId());
        cookie.setMaxAge(60*60*60);
        
        System.out.println(session);
    }
}

  2. 客户端不关闭，服务器关闭后，两次获取的 Session 是同一个吗？

    第一次打开 tomcat，获取到的 session 的 id 为：

    org.apache.catalina.session.StandardSessionFacade@71aad2c

    重启 tomcat，再次打印 session：

    org.apache.catalina.session.StandardSessionFacade@18bc1750

    不是同一个，但是要确保数据不丢失。tomcat 自动完成以下工作。

    • session 的钝化：

      在服务器正常关闭之前，将 session 对象系列化到硬盘上。

    • session 的活化：

      在服务器启动后，将 session 文件转化为内存中的 session 对象即可。

  3. Session 什么时候被销毁？

    1. 服务器关闭；

    2. Session 对象调用 invalidate()；

    3. Session 默认失效时间 30 分钟

      选择性修改配置 web.xml：

      <session-config>
	<session-timeout>30</session-timeout>
</session-config>

3.5、Session 的特点

  1. Session 用于存储一次会话的多次请求的数据，存在服务器端；
  2. Session 可以存储任意类型，任意大小的数据。

Session（翻译：主菜） 与 Cookie（翻译：小甜点） 的区别：

  1. Session 存储数据在服务器端，Cookie 在客户端；
  2. Session 没有数据大小限制，Cookie 有；
  3. Session 数据安全，Cookie 相对于不安全。

4、案例：验证码

案例需求：

  1. 访问带有验证码的登录页面 login.jsp；
  2. 用户输入用户名，密码以及验证码。
    • 如果用户名和密码输入有误，跳转登录页面，提示:用户名或密码错误；
    • 如果验证码输入有误，跳转登录页面，提示：验证码错误；
    • 如果全部输入正确，则跳转到主页 success.jsp，显示：用户名，欢迎您。

在这里插入图片描述

首先编写一个 login.jsp：

<%--
  Created by IntelliJ IDEA.
  User: Li
  Date: 2021-11-08
  Time: 下午 5:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Login</title>

    <script>
        window.onload = function (){
            document.getElementById("img").onclick = function (){
                this.src = "/li/checkCodeServelet?time=" + new Date().getTime();
            }
        }
    </script>
    <style>
        div{
            color: red;
        }
    </style>
</head>
<body>
    <form action="/li/loginServlet" method="post">
        <table>
            <tr>
                <td>用户名</td>
                <td><input type="text" name="username"></td>
            </tr>

            <tr>
                <td>密码</td>
                <td><input type="text" name="password"></td>
            </tr>

            <tr>
                <td>验证码</td>
                <td><input type="text" name="checkCode"></td>
            </tr>

            <tr>
                <td colspan="2"><img id="img" src="/li/checkCodeServelet"></td>
            </tr>

            <tr>
                <td colspan="2"><input type="submit" name="登录"></td>>
            </tr>
        </table>
    </form>


    <div>
        <%=request.getAttribute("cc_error") == null ? "" : request.getAttribute("cc_error"): %>
    </div>

    <div>
        <%=request.getAttribute("login_error") == null ? "" : request.getAttribute("login_error")%>
    </div>
</body>
</html>

修改 CheckCodeServelet：（主要存储验证码，使用 session）

package com.example.servlet;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;

@WebServlet("/checkCodeServelet")
public class CheckCodeServelet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        int width = 100;
        int height = 50;

        //1.创建一个对象，在内存中画图（验证码图片）
        BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
        //2.美化图片
        //2.1 填充背景色
        Graphics graphics = image.getGraphics();//画笔对象
        graphics.setColor(Color.pink);
        graphics.fillRect(0, 0, width,  height);

        //2.2画边框
        graphics.setColor(Color.BLUE);
        graphics.drawRect(0,0,width - 1,height - 1);

        String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghigklmnopqrstuvwxyz0123456789";
        //生成随机角标
        Random ran = new Random();

        StringBuilder sb = new StringBuilder();

        for (int i = 1; i <= 4; i++) {
            int index = ran.nextInt(str.length());
            //获取字符
            char ch = str.charAt(index);//随机字符
            sb.append(ch);

            //2.3写验证码
            graphics.drawString(ch+"",width/5*i,height/2);
        }
        String checkCode_session = sb.toString();
        //将验证码存入session
        request.getSession().setAttribute("checkCode_session", checkCode_session);


        //2.4画干扰线
        graphics.setColor(Color.GREEN);

        //随机生成坐标点

        for (int i = 0; i < 10; i++) {
            int x1 = ran.nextInt(width);
            int x2 = ran.nextInt(width);

            int y1 = ran.nextInt(height);
            int y2 = ran.nextInt(height);
            graphics.drawLine(x1,y1,x2,y2);
        }

        //3.将图片输出到页面展示
        ImageIO.write(image, "jpg", response.getOutputStream());
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }
}

创建 LoginServlet：

package com.example.servlet;

import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;
import java.util.Map;

@WebServlet("/loginServlet")
public class LoginServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //1.设置request编码
        request.setCharacterEncoding("utf-8");
        //2.获取参数Map
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        String checkCode = request.getParameter("checkCode");
        //3.先获取生成的验证码
        HttpSession session = request.getSession();
        String checkCode_session = (String) session.getAttribute("checkCode_session");
        //删除session中存储的验证码
  		session.removeAttribute("checkCode_session");
        //4.先判断验证码是否正确
        if (checkCode_session != null && checkCode_session.equalsIgnoreCase(checkCode)){//忽略大小写比较
            //验证码正确
            //判断用户名和密码是否一致
            if ("zhangsan".equals(username) && "123".equals(password)){//需要调用UserDao查询数据库
                //登陆成功
                //存储信息，用户信息
                session.setAttribute("user", username);
                //重定向到success.jsp
                response.sendRedirect(request.getContextPath() + "/success.jsp");
            }else {
                //登录失败
                //存储提示信息到request
                request.setAttribute("login_error", "用户名或密码错误");
                //转发到登录页面
                request.getRequestDispatcher("/login.jsp").forward(request, response);
            }
        }else {//验证码不一致
            //存储提示信息到request
            request.setAttribute("cc_error", "验证码错误");
            //转发到登录页面
            request.getRequestDispatcher("/login.jsp").forward(request, response);
        }
    }
}

创建 success.jsp：

<%--
  Created by IntelliJ IDEA.
  User: Li
  Date: 2021-11-08
  Time: 下午 6:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

    <h1><%=request.getSession().getAttribute("user")%>，欢迎您</h1>

</body>
</html>
前丨尘忆·梦
关注
专栏目录
java-会话技术
qq_56101688的博客
04-29 826
这里的会话，指的是web开发中的一次通话过程，当打开浏览器，访问网站地址后，会话开始，当关闭浏览器（或者到了过期时间），会话结束。举个例子：​ 例如，你在给家人打电话，这时突然有送快递的配送员敲门，你放下电话去开门，收完快递回来后，通话还在保持中，继续说话就行了。它是客户端浏览器的缓存文件，里面记录了客户浏览器访问网站的一些内容。同时，也是HTTP协议请求和响应消息头的一部分（在HTTP协议课程中，我们备注了它很重要）。
JavaWeb学习——Servlet&JSP用户登录案例（22）
Hoorus的窝
02-17 826
日常学习笔记
day-04-Cookie&Session
Naker_的博客
12-28 319
day-04-Cookie&Session 今日内容 会话技术 1. Cookie 2. Session JSP：入门学习 一、会话技术 1.什么是会话 会话是在一次会话中包含多次请求和响应 一次会话：浏览器第一次给服务器资源发送请求，会话建立，直到有一方断开为止 2.会话的功能 在一次会话的范围内的多次请求间，共享数据 3.会话的方式 1. 客户端会话技术：Cookie 2...
JavaWeb---会话技术
weixin_65440201的博客
08-08 1522
1.会话技术 1.1Cookie 1.1.1概念 1.1.2快速入门 1.1.3实现原理 ​编辑1.1.4cookie的细节 1.1.5Cookie的特点和作用 1.2Session 1.2.1概念 1.2.2快速入门 1.2.3原理 ​编辑1.2.4细节 1.2.5session的特点 1.3验证码 1.3.1案例需求 1.3.2分析 1.3.3代码实现...
Java-web -会话技术
xxf15162161455的博客
06-24 604
会话技术 * 客户端与服务端之间的交互 就是会话 * 什么是会话？ 相当于打电话 * 访问网页时 只要浏览器不关闭 * 点击多次连接 也叫一次会话。 * 关闭浏览器 就结束会话了 * 1.客户端技术  * Cookie 保存在客户端（浏览器）就是一个文件 * 每一个站点（网站）可以保存20个cookie * 每个浏览器可以保存300个cookie * 每个cookie可以保存4kb的数据 * co...
java web中的会话技术
反正我不管，就爱陈旭员
06-29 1125
会话技术  会话技术的概述   什么是会话 会话简单理解为：用户打开一个浏览器，点击多个超链接访问服务器的web资源，然后关闭浏览器，整个过程称为是一次会话。  为什么要学习会话 每个用户与服务器进行交互过程中，产生一些各自的数据，程序想要把这些数据进行保存，就需要使用会话技术。 例如：用户点击超链接购买一个商品，程序应该保存用户所购买的商品，以便于用户点击结账可以得到用户所购
JavaWeb 学习笔记之Cookie & Session （一）
weixin_42153627的博客
07-29 226
会话管理 Web 应用程序是使用 Http 协议传输数据的，Http 协议是无状态的协议，一旦数据交换完毕，则连接就会自动关闭，再次交换数据需要建立新的连接，这就意味着服务器无法从连接上跟踪会话。会话跟踪是 Web 程序中常用的技术，用来跟踪用户整个会话，通常的会话跟踪技术是 Cookie 和 Session 技术。 Cookie 通过在客户端记录信息确定用户身份， Session 通过在服务器...
JavaWeb中Session对象的学习笔记
09-02
【JavaWeb Session 对象】是Web开发中一种重要的会话管理机制，用于在用户与服务器之间保持状态。本文将深入探讨Session对象的定义、工作原理以及它与Cookie的主要区别。 一、Session简单介绍 在Web应用程序中，...
JavaWeb学习笔记：会话技术(Cookie和Session)
m0_72087285的博客
10-26 467
会话技术指的是浏览器与服务器建立的一次连接，这次连接就称之为一次会话，在这次会话中，可以包含多次请求与多次响应，但由于 HTTP 协议是无状态的，所以每一次请求都是独立的，无法记录前一次的请求状态。因此，会话技术也就应运而生。会话技术可以解决多次请求间数据共享的问题。客户端会话技术：Cookie（将数据保存在客户端）服务器会话技术：Session（将数据保存在服务器）
【JavaWeb学习笔记】登录实现与校验
最新发布
07-28
博客文章 - 【javaweb学习笔记】登录实现与校验（md版）：本文深入讲述了登录功能的设计与实现，从功能开发到登录校验的每个环节都进行了详细的阐述。内容涵盖会话技术的应用、会话跟踪方案的选择，以及两种常见的...
JavaWeb-会话技术
qq_52699757的博客
05-18 1151
JavaWeb-会话技术
【JavaWeb学习】01会话技术（java）
cy1ss的博客
05-14 466
会话技术
Javaweb之会话技术
smilecb的博客
01-11 229
会话技术 会话：一次会话中包含多次请求和响应         一次会话:浏览器第一次给服务器资源发送请求，会话建立，只到有一方结束为止 功能：在一次会话的多次请求间共享数据 方式： 客户端会话技术:cookie 服务器端会话技术：session cookie 1.概念：客户端会话技术，要求数据保存到客户端 2.快速入门     使用步骤     
【java】会话技术Cookie&Session
程金鹏（程利鹏）
01-04 362
文章目录一、背景：二、会话技术1、Cookie1.1 服务器端怎样将一个Cookie发送到客户端1.1.1设置Cookie在客户端的持久化时间：1.1.2设置Cookie携带的路径：1.1.3删除客户端的cookie：1.2 服务器端怎样接受客户端携带的Cookie 一、背景： 其实在我们学习的 web项目中，使用的http协议是无状态的，无连接的。 什么是无状态的呢。也就是说每个客户访问服务器端...
Java 会话技术
ssl267422的博客
09-22 1123
会话技术 概念：会话是客户端与服务器之间的一个通信过程，一次会话中可以包含多次请求和响应 一次完整的会话：客户端第一次请求服务器时建立会话，直到任何一方断开为止 作用：在一次会话中的多次请求之间共享数据 分类： 客户端会话技术：Cookie 服务器会话技术：Session 一，Cookie 1.1 概念和基本用法 Cookie是客户端会话技术，它将数据存在客户端（浏览器）中 Cookie的相关方法： 创建，构造函数： Cookie c = new Coo
JavaWeb--会话技术
Eumenides_Suki的博客
03-05 885
对于会话跟踪这四个词，我们需要拆开来进行解释，首先要理解什么是会话，然后再去理解什么是会话跟踪会话:用户打开浏览器，访问web服务器的资源，会话建立，直到有一方断开连接，会话结束。在一次会话中可以包含多次请求和响应。从浏览器发出请求到服务端响应数据给前端之后，一次会话(在浏览器和服务器之间)就被建立了会话被建立后，如果浏览器或服务端都没有被关闭，则会话就会持续建立着浏览器和服务器就可以继续使用该会话进行请求发送和响应，上述的整个过程就被称之为会话。
JavaWeb之会话技术
ysl的博客
11-12 216
概述 快速入门 CookieDemo1.java package cn.itcast.cookie; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.Cookie; import javax.servlet....
JavaWeb—会话技术
wwl193206126的博客
03-20 152
JavaWeb中的Cookie和Session对象的使用
Javaweb会话技术
m0_62033415的博客
06-29 306
会话
JavaWeb学习笔记：从基础到高级实战
"这是一份全面的JavaWeb学习笔记，涵盖了从基础到进阶的各种主题。笔记内容包括单元测试框架JUnit的使用、泛型和枚举的理解、反射机制的讲解，以及XML的基础和解析方法。深入探讨了软件体系结构、Tomcat服务器、Web...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值