typora-copy-images-to: img

cookie&session&jsp

教学目标

  • 能够说出会话的概念
  • 能够创建、发送、接收、删除cookie
  • 能够完成记录用户各自的上次访问时间案例
  • 能够获取session对象、添加、删除、获取session中的数据
  • 能够完成登录验证码案例
  • 了解JSP的脚本
  • 能够完成记住用户名案例

第一章-会话的概念

知识点-会话的概念

1. 目标

  • 理解会话的概念,知道有哪些会话技术

2. 路径

  1. 会话的概念
  2. 为什么要使用会话技术
  3. 常用的会话技术

3. 讲解

3.1会话的概念

  1. 用户打开浏览器，浏览不同的网页(资源)，发出多个请求，直到关闭浏览器的过程，称为一次会话(多次请求). 如同打电话.
  3. 我们在会话的过程(多次请求)之中,用户可能会产生一些数据,这些数据话有的需要保存起来的,我们就可以通过会话技术来保存用户各自的数据

3.2为什么要使用会话技术

  1. 保存==用户各自(以浏览器为单位)==的数据。

3.3常用的会话技术

3.3.1cookie
  1. cookie是客户端（浏览器）端的技术，用户浏览的信息以键值对(key=value)的形式保存在浏览器上。如果没有关闭浏览器，再次访问服务器，会把cookie带到服务端，服务端就可以做响应的处理。

3.3.2session
  1. ==session是服务器端的技术。==服务器为每一个浏览器开辟一块内存空间，即session。由于内存空间是每一个浏览器独享的，所有用户在访问的时候，可以把信息保存在session对象中。同时，每一个session对象都对应一个sessionId，服务器把sessionId写到cookie中，再次访问的时候，浏览器会把cookie（sessionId）带过来，找到对应的session对象。

4. 小结

  1. 为什么要使用会话技术?
    保存用户各自(浏览器为单位)的数据

  2. 常见的会话技术?

    • Cookie 浏览器端的技术
    • Session 服务器端的技术

第二章-Cookie

知识点-Cookie的概念和作用

1. 目标

  • 理解会话cookie概念已经Cookie的应用场景

2. 路径

  1. Cookie的概念
  2. Cookie的作用
  3. Cookie的应用场景

3. 讲解

3.1 Cookie的概念

cookie&session&jsp - 图1

  1. Cookie是一种客户端的会话技术,它是服务器存放在浏览器的一小份数据,浏览器以后每次访问该服务器的时候都会将这小份数据携带到服务器去。

3.2 Cookie的作用

  1. 在浏览器中存放数据
  2. 将浏览器中存放的数据携带到服务器

3.3 Cookie的应用场景

1.记住用户名
当我们在用户名的输入框中输入完用户名后,浏览器记录用户名,下一次再访问登录页面时,用户名自动填充到用户名的输入框.
cookie&session&jsp - 图2

2.自动登录（记住用户名和密码）
当用户在淘宝网站登录成功后,浏览器会记录登录成功的用户名和密码,下次再访问该网站时,自动完成登录功能.
以上这些场景都是使用会话cookie实现的,将上次的信息保存到了cookie中,下次直接从cookie中获取数据信息
cookie&session&jsp - 图3

3.保存电影的播放进度

  1. 在网页上播放电影的时候,如果中途退出浏览器了,下载再打开浏览器播放同一部电影的时候,会自动跳转到上次退出时候的进度,因为在播放的时候会将播放进度保存到cookie中

Cookie就是将一些少量的配置信息保存在”浏览器”

4. 小结

cookie&session&jsp - 图4

知识点-Cookie的快速入门

1.目标

  • 掌握Cookie的基本使用

2.路径

  1. 相关的API
  2. 入门代码

3.讲解

3.1相关的API

  • 创建一个Cookie对象(cookie只能保存字符串数据。且不能保存中文)
  1. new Cookie(String name,String value);
  • 把cookie写回浏览器
  1. response.addCookie(cookie);
  • 获得浏览器带过来的所有Cookie:
  1. request.getCookies() ; //得到所有的cookie对象。是一个数组，开发中根据key得到目标cookie
  • cookie的 API
  1. cookie.getName() ; //返回cookie中设置的key
  2. cookie.getValue(); //返回cookie中设置的value

3.2入门代码

ServletDemo01

  1. @WebServlet("/demo01")
  2. public class ServletDemo01 extends HttpServlet {
  3.     @Override
  4.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  5.         doGet(request, response);
  6.     }
  8.     @Override
  9.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  10.         String str = "周杰棍";
  11.         //1. 创建一个cookie对象，用于存放str的值
  12.         Cookie cookie = new Cookie("username",str);
  14.         //2. 将cookie添加到response中
  15.         //底层是通过一个名为"Set-Cookie"的响应头携带到浏览器的
  16.         response.addCookie(cookie);
  17.     }
  18. }

ServletDemo02

  1. @WebServlet("/demo02")
  2. public class ServletDemo02 extends HttpServlet {
  3.     @Override
  4.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  5.         doGet(request, response);
  6.     }
  8.     @Override
  9.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  10.         //1. 从请求中取出cookie
  11.         //底层是由名为"Cookie"的请求头携带的
  12.         Cookie[] cookies = request.getCookies();
  14.         //2. 遍历出每一个cookie
  15.         if (cookies != null) {
  16.             for (Cookie cookie : cookies) {
  17.                 //匹配cookie的name
  18.                 if (cookie.getName().equals("username")) {
  19.                     //它就是我们想要的那个cookie
  20.                     //我们就获取它的value
  21.                     String value = cookie.getValue();
  22.                     System.out.println("在ServletDemo02中获取str的值为：" + value);
  23.                 }
  24.             }
  25.         }
  26.     }
  27. }

4.小结

  1. cookie特点

    • Cookie保存在客户端(浏览器端的)
    • 第一次请求的时候, 没有Cookie的, 先由服务器写给浏览器.
    • Cookie里面只能保存字符串, 大小有限制

  2. cookie相关API

    • new Cookie(String name,String value); 创建Cookie
    • response.addCookie(cookie); 把Cookie写给浏览器
    • request.getCookies(); 获得所有的Cookie对象
    • cookie.getName() 获得Cookie的key
    • cookie.getValue() 获得Cookie的value

      Cookie本质是请求头,响应头

知识点-Cookie进阶

1.目标

  • 掌握设置Cookie的有效时长和路径

2.步骤

  • cookie的分类
  • cookie的有效路径

3.讲解

3.1cookie的分类

  • 会话级别cookie

    在默认的情况下，当浏览器进程结束(浏览器关闭,会话结束)的时候，cookie就会消失。

  • 持久性cookie
    给cookie设置有效期.cookie.setMaxAge(int expiry) :时间是秒
    -1：默认。代表Cookie数据存到浏览器关闭（保存在浏览器文件中）。
    正整数：以秒为单位保存数据有有效时间（把缓存数据保存到磁盘中）
    0：代表删除Cookie.如果要删除Cookie要确保路径一致。

3.2cookie设置有效路径

  1. setPath(String url) ;设置路径
  1. 有效路径作用 :
  1. 保证不会携带别的网站/项目里面的cookie到我们自己的项目
  2. 如果路径不一样, cookie的key可以相同
  3. 保证自己的项目可以合理的利用自己项目的cookie

4.小结

  1. Cookie的类型

    • 会话级别【默认的】 浏览器关闭了就消失了

    • 持久级别 setMaxAge(int 秒)

      • -1 默认值
      • 正整数
      • 0 删除cookie 【必须路径一致】

  2. cookie有效路径 cookie.setPath(String path) 建议设置成当前的项目部署路径; setPath(request.getContextPath())

  3. cookie的弊端 cookie的大小(个数和自身大小)和格式(只能存字符串)有限制,默认不支持中文,解决中文办法

  1. URLEncode.encode(value,"utf-8");//存入的时候(先通过utf-8编码)
  2. URLDecode.decode（value，"utf-8"）;//取出 (通过utf-8解码)

补充-封装cookie的工具类

  1. /**
  2.  * 包名:com.itheima.utils
  3.  *
  4.  * @author Leevi
  5.  * 日期2020-07-14  09:54
  6.  */
  7. public class CookieUtil {
  8.     /**
  9.      * 创建并且设置cookie
  10.      * @param name
  11.      * @param value
  12.      * @param time
  13.      * @param path
  14.      * @return
  15.      */
  16.     public static Cookie createAndSetCookie(String name,String value,int time,String path){
  17.         //1. 创建一个cookie对象，存储键值对
  18.         Cookie cookie = new Cookie(name,value);
  19.         //设置cookie的有效期
  20.         cookie.setMaxAge(time);
  22.         //设置cookie有效路径
  23.         cookie.setPath(path);
  24.         return cookie;
  25.     }
  27.     /**
  28.      * 根据cookie的name获取cookie的value
  29.      * @param cookies
  30.      * @param name
  31.      * @return
  32.      */
  33.     public static String getCookieValue(Cookie[] cookies,String name) {
  34.         String value = null;
  35.         if (cookies != null) {
  36.             for (Cookie cookie : cookies) {
  37.                 //匹配cookie的name
  38.                 if (cookie.getName().equals(name)) {
  39.                     //它就是我们想要的那个cookie
  40.                     //我们就获取它的value
  41.                     value = cookie.getValue();
  42.                 }
  43.             }
  44.         }
  45.         return value;
  46.     }
  47. }

案例-记录用户各自的上次访问时间

1.需求

cookie&session&jsp - 图5

  1. 在访问一个资源的时候,展示上次访问的时间
  3. 若是第一次访问则展示:你是第一次访问,若不是第一次则展示:你上次访问的时间是:xxxx

2.分析

cookie&session&jsp - 图6

3.代码实现

  1. package com.itheima.web;
  3. import com.itheima.utils.CookieUtils;
  5. import javax.servlet.ServletException;
  6. import javax.servlet.annotation.WebServlet;
  7. import javax.servlet.http.Cookie;
  8. import javax.servlet.http.HttpServlet;
  9. import javax.servlet.http.HttpServletRequest;
  10. import javax.servlet.http.HttpServletResponse;
  11. import java.io.IOException;
  12. import java.text.SimpleDateFormat;
  13. import java.util.Date;
  15. /**
  16.  * @Description:
  17.  * @Author: yp
  18.  */
  19. @WebServlet("/rem")
  20. public class RememberServlet extends HttpServlet {
  22.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  23.         request.setCharacterEncoding("utf-8");
  24.         response.setContentType("text/html;charset=utf-8");
  26.         //1.判断是否是第一次访问(说白了判断目标cookie是否为null)
  27.         Cookie[] cookies = request.getCookies();
  28.         Cookie targetCookie = CookieUtils.getTargetCookie("lastTime", cookies);
  29.         if(targetCookie == null){
  30.             //2.为null, 第一次访问
  31.             //2.1记录当前的时间到Cookie
  32.             Cookie cookie = new Cookie("lastTime", System.currentTimeMillis() + "");
  33.             cookie.setMaxAge(60*60*24);
  34.             cookie.setPath(request.getContextPath());
  35.             response.addCookie(cookie);
  36.             //2.2响应'你是第一次访问'
  37.             response.getWriter().print("你是第一次访问");
  38.         }else{
  39.             //3. 不为null 不是第一次访问
  40.             //3.1 记录当前的时间到Cookie
  41.             Cookie cookie = new Cookie("lastTime", System.currentTimeMillis() + "");
  42.             cookie.setMaxAge(60*60*24);
  43.             cookie.setPath(request.getContextPath());
  44.             response.addCookie(cookie);
  46.             //3.2 从cookie获得上次的访问的时间 响应
  47.             String timeStr = targetCookie.getValue();
  48.             Date date = new Date(Long.parseLong(timeStr));
  49.             response.getWriter().print("你上次访问的时间是:"+date.toLocaleString());
  50.         }
  53.     }
  55.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  56.         doGet(request, response);
  57.     }
  58. }

4.小结

  1. 案例关键: 判断是否第一次访问【说白了就是判断目标Cookie是否为null】

  2. 取的时候 和存时候的key要一致

  3. 不管是哪一次访问, 都需要记录当前的时间到Cookie

第三章-Session

知识点-session概述

1.目标

  • 掌握Session的基本概念 以及和cookie的区别

2.路径

  1. session概述
  2. cookie和Session的不同
  3. Session的执行原理

3.讲解

3.1session概述

  1. session是服务器端的技术。服务器为每一个浏览器开辟一块内存空间，即session对象。由于session对象是每一个浏览器特有的，所以用户的记录可以存放在session对象中。同时，每一个session对象都对应一个sessionId，服务器把sessionId写到cookie中，再次访问的时候，浏览器把sessionId带过来，找到对应的session对象

3.2 cookie和Session的不同

  • cookie是保存在浏览器端的，大小和个数都有限制。session是保存在服务器端的， 原则上大小是没有限制(实际开发里面也不会存很大大小), 安全一些。
  • cookie不支持中文，并且只能存储字符串；session可以存储基本数据类型，集合,对象等

3.3 Session的执行原理

  1. 1、获得cookie中传递过来的SessionId(cookie)
  3. 2、如果Cookie中没有sessionid,则创建session对象
  5. 3、如果Cookie中有sessionid,找指定的session对象
  7.     如果有sessionid并且session对象存在，则直接使用
  9.     如果有sessionid，但session对象销毁了，则执行第二步

cookie&session&jsp - 图7

4.小结

  1. session是服务器端的技术, 数据保存在服务器端的
  2. 只有在服务器端调用了requet.getSession()的时候, 才有session产生

  3. session基于cookie的

    • 创建session的同时 生成sessionId, 服务器自动通过Cookie的方式写给浏览器, 浏览器自己保存
    • 下次的话 浏览器携带cookie(SessionId)找到对应的session使用了

知识点-Session的基本使用

1.目标

  • 掌握Session的使用,

2.路径

  • Session基本使用

3.讲解

  1. 范围: 会话(多次请求) 保存用户各自的数据(以浏览器为单位)
  • request.getSession(); 获得session(如果第一次调用的时候其实是创建session,第一次之后通过sessionId找到session进行使用)
  • Object getAttribute(String name) ;获取值
  • void setAttribute(String name, Object value) ;存储值
  • void removeAttribute(String name) ;移除

4.小结

  1. Session基本使用: 作为域对象存取数据 范围: 一次会话(多次请求, 用户各自的) 不同的浏览器session不一样

    • Object getAttribute(String name) ;获取值

    • void setAttribute(String name, Object value) ;存储值

    • void removeAttribute(String name) ;移除

  2. 浏览器关闭了, session使用不了, 是session销毁了吗?
    session没有销毁.
    session基于cookie, sessionId保存到cookie里面的, 默认情况下cookie是会话级别,浏览器关闭了cookie就是消失了,也就是说sessionId消失了, 从而找不到对应的session对象了, 就不能使用了.
    解决: 自己获得sessionId, 自己写给浏览器 设置Cookie的有效时长, 这个Cookie的key必须: JSESSIONID

知识点-三个域对象比较

1.目标

  • 掌握三个域对象的不同

2.路径

  1. 三个域对象比较
  2. 三个域对象怎么选择

3.讲解

3.1三个域对象比较

域对象 创建 销毁 作用范围 应用场景
ServletContext 服务器启动 服务器正常关闭/项目从服务器移除 整个项目 记录网站访问次数,聊天室
HttpSession 没有JSESSIONID这个cookie的时候，调 用request.getSession()方法 session过期（默认闲置30分钟），或者调用session对象的invalidate(）方法，或者服务器异常关闭 会话(多次请求) 验证码校验, 保存用户登录状态等
HttpServletRequest 来了请求 响应这个请求(或者请求已经接收了) 一次请求 servletA和jsp（servletB）之间数据传递(转发的时候存数据)

C:\Users\用户名\.IntelliJIdea2017.2\system\tomcat\_sz61\work\Catalina\localhost 目录查看

  • 如果是正常关闭服务器,

    把session钝化到服务器磁盘上,再次启动,把磁盘上的文件活化到内存里面

    Session钝化：把内存中的session序列化保存到硬盘上

    Session活化：从硬盘上读取序列化的session到内存中形成一个session对象

3.2 三个域对象怎么选择?

三个域对象怎么选择?

  1. 一般情况下, 最小的可以解决就用最小的.
  3. 但是需要根据情况(eg: 重定向, 多次请求, 会话范围, 用session;  如果是转发,一般选择request)

4.小结

  1. session的销毁

    • invalidate()

  2. session应用场景

    • 验证码校验
    • 保存用户的登录状态
    • ….

  3. 选择

    • 一般情况下, 最小的可以解决就用最小的.

      • 转发 一般选择request
      • 重定向 一般选择session

案例-一次性验证码校验

1.需求

  1. ![](https://gitee.com/tgl_bug/typora-table/raw/master/img/20210121132326.png#alt=img)
  3. 在网站登录的时候,生成一个验证码.登录的时候对验证码进行校验.

2.分析

2.1生成验证码

  1. 拷贝验证码的jar包
  2. 创建CodeServlet
  1. //1.生成验证码
  2. //2.响应给客户端(浏览器)

2.2校验验证码

cookie&session&jsp - 图8

3.实现

  • 登录页面
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>登录页面</title>
  6.     <style>
  7.         img{
  8.             border: 1px red solid;
  9.         }
  10.     </style>
  11. </head>
  12. <body>
  13.     <form action="/userDemo/login" method="post">
  14.         用户名<input type="text" name="username"><br>
  15.         密码<input type="text" name="password"><br>
  16.         验证码<input type="text" name="checkCode"><br>
  17.         <img src="/userDemo/checkCode" id="tu">
  18.         <!--点击换一换的时候，切换验证码图片-->
  19.         <a href="javascript:;" onclick="changeCode()">换一换</a>
  20.         <br>
  21.         <input type="submit" value="登录">
  22.     </form>
  25.     <script>
  26.         //声明一个切换验证码图片的方法
  27.         function changeCode() {
  28.             //切换验证码图片，其实就是重新设置img标签的src, 让每次访问的路径src不一样，那么才不会去找缓存
  29.             document.getElementById("tu").setAttribute("src","/userDemo/checkCode?abc="+new Date())
  30.         }
  31.     </script>
  32. </body>
  33. </html>
  • CheckCodeServlet
  1. package com.itheima.servlet;
  3. import cn.dsna.util.images.ValidateCode;
  5. import javax.servlet.ServletException;
  6. import javax.servlet.annotation.WebServlet;
  7. import javax.servlet.http.HttpServlet;
  8. import javax.servlet.http.HttpServletRequest;
  9. import javax.servlet.http.HttpServletResponse;
  10. import java.io.IOException;
  12. /**
  13.  * 包名:${PACKAGE_NAME}
  14.  *
  15.  * @author Leevi
  16.  * 日期2020-07-14  11:50
  17.  */
  18. @WebServlet("/checkCode")
  19. public class CheckCodeServlet extends HttpServlet {
  20.     @Override
  21.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  22.         doGet(request, response);
  23.     }
  25.     @Override
  26.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  27.         //编写代码创建验证码图片(以下代码不要求你会写)
  28.         ValidateCode validateCode = new ValidateCode(200, 50, 4, 20);
  30.         //将验证码上的文字存储到session域对象中
  31.         String code = validateCode.getCode();
  32.         request.getSession().setAttribute("code",code);
  34.         //将验证码图片输出到浏览器,通过响应的字节流输出
  35.         validateCode.write(response.getOutputStream());
  36.     }
  37. }
  • LoginServlet
  1. package com.itheima.servlet;
  3. import com.itheima.pojo.User;
  4. import com.itheima.utils.DruidUtil;
  5. import org.apache.commons.dbutils.QueryRunner;
  6. import org.apache.commons.dbutils.handlers.BeanHandler;
  8. import javax.servlet.ServletException;
  9. import javax.servlet.annotation.WebServlet;
  10. import javax.servlet.http.HttpServlet;
  11. import javax.servlet.http.HttpServletRequest;
  12. import javax.servlet.http.HttpServletResponse;
  13. import javax.servlet.http.HttpSession;
  14. import java.io.IOException;
  16. /**
  17.  * 包名:${PACKAGE_NAME}
  18.  *
  19.  * @author Leevi
  20.  * 日期2020-07-12  16:44
  21.  */
  22. @WebServlet("/login")
  23. public class LoginServlet extends HttpServlet {
  24.     @Override
  25.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  26.         doGet(request, response);
  27.     }
  29.     @Override
  30.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  31.         try {
  32.             //1. 解决乱码
  33.             request.setCharacterEncoding("UTF-8");
  34.             response.setContentType("text/html;charset=UTF-8");
  36.             //2. 获取请求参数username和password
  37.             String username = request.getParameter("username");
  38.             String password = request.getParameter("password");
  39.             //获取浏览器传入的验证码(用户输入的验证码)
  40.             String checkCode = request.getParameter("checkCode");
  41.             //获取服务器生成的验证码,从session里面根据key "code"取出
  42.             HttpSession session = request.getSession();
  43.             String code = (String) session.getAttribute("code");
  45.             //3. 校验验证码
  46.             if (code.equalsIgnoreCase(checkCode)) {
  47.                 //验证码校验通过
  48.                 //进行用户名和密码的校验
  50.                 //3. 连接数据库校验用户名和密码，也就是执行查询的SQL语句
  51.                 QueryRunner queryRunner = new QueryRunner(DruidUtil.getDataSource());
  52.                 String sql = "select * from user where username=? and password=?";
  53.                 //执行查询，查询一条数据，封装到User中
  54.                 User user = queryRunner.query(sql, new BeanHandler<>(User.class), username, password);
  55.                 //判断是否登录成功
  56.                 if (user != null) {
  57.                     //登录成功
  58.                     //跳转到成功页面success.html
  59.                     response.sendRedirect("/userDemo/success.html");
  60.                 }else {
  61.                     //登陆失败，直接向浏览器输出"登陆失败"
  62.                     response.getWriter().write("用户名或密码错误");
  63.                 }
  64.             }else {
  65.                 //验证码错误
  66.                 response.getWriter().write("验证码错误");
  67.             }
  68.         } catch (Exception e) {
  69.             e.printStackTrace();
  70.             //登陆失败，直接向浏览器输出"登陆失败"
  71.             response.getWriter().write("登陆失败");
  72.         }
  73.     }
  74. }

4.小结

  1. 需要在CodeServlet 把生成的验证码存到session里面
  • 不能存到ServletContext, 就共享验证码了
  • 不能存到request, 根本不能用

  1. 思路

    • CodeServlet: 生成验证码存到Session

    • LoginServlet:

      • 获得用户输入的验证码
      • 获得session里面存的验证码
      • 比较是否一致

第四章_JSP入门

知识点-JSP概述

1.目标

  • 掌握什么是JSP, 知道JSP产生的原因

2.讲解

2.1 什么是JSP

  1. Java server page(java服务器页面).  **JSP本质就是Servlet**
  3. 它和servle技术一样，都是SUN公司定义的一种用于开发动态web资源的技术。
  5. JSP=html(js,css)+java(servlet)+jsp(内置对象、指令、动作标签等等)特有的内容

2.2.JSP产生的原因

需求: 我们要向页面动态输出一个表格. 发现特别的繁琐

servlet在展示页面的时候，相当的繁琐。sun公司为了解决这个问题，参照asp开发了一套动态网页技术jsp。

2.3 JSP执行原理

JSP会翻译(通过默认的JspServlet,JSP引擎)成Servlet(.java),Servlet编译成class文件

  1. JSP执行流程
  3.     第一次访问的xxx.jsp时候,服务器收到请求,JspServlet会去查找对应的jsp文件
  5.     找到之后,服务器会将这个jsp文件转换成java文件(Servlet)
  7.     服务器编译java文件,生成class文件
  9.     服务器运行class文件,生成动态的内容
  11.     服务器收到内容之后,返回给浏览器

cookie&session&jsp - 图9

3.小结

  1. JSP: java 服务器 页面, sun公司定义的动态资源, 本质就是Servlet
  2. JSP产生的原因: Servlet在动态展示很麻烦, jsp展示方便一点

知识点-JSP基本语法

1.目标

  • 掌握JSP脚本和注释

2.讲解

2.1JSP脚本

我们可以通过JSP脚本在JSP页面上编写Java代码. 一共有三种方式:

类型 翻译成Servlet对应的部分 注意
<%…%>:Java程序片段 翻译成Service()方法里面的内容, 局部的
<%=…%>:输出表达式 翻译成Service()方法里面的内容,相当于调用out.print() 输出表达式不能以;结尾
<%!…%>:声明成员变量(肯定不用) 翻译成Servlet类里面的内容
  • eg
  1.  <%
  2.         for(int i = 0; i < 10;i++){
  3.             out.print("i="+i);
  4.             %>
  5.             <hr/>
  6.             <%
  7.         }
  8.     %>

2.2JSP注释

注释类型
HTML注释
JAVA注释 //; / /
JSP注释; <%—注释内容—%>

注释快捷键:Ctrl+Shift+/

3.小结

  1. 脚本

    • <%%> 翻译成了service()方法里面的局部内容
    • <%=%> 输出, 翻译成了service()方法里面的out.print()
    • <%!%> 翻译成了servlet类里面的全局内容

  2. 注释

    • 注释快捷键:Ctrl+Shift+/

登录案例的优化

一、优化登录失败的效果

LoginServlet的代码

  1. /**
  2.  * 包名:${PACKAGE_NAME}
  3.  *
  4.  * @author Leevi
  5.  * 日期2020-07-12  16:44
  6.  */
  7. @WebServlet("/login")
  8. public class LoginServlet extends HttpServlet {
  9.     @Override
  10.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  11.         doGet(request, response);
  12.     }
  14.     @Override
  15.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  16.         try {
  17.             //1. 解决乱码
  18.             request.setCharacterEncoding("UTF-8");
  19.             response.setContentType("text/html;charset=UTF-8");
  21.             //2. 获取请求参数username和password
  22.             String username = request.getParameter("username");
  23.             String password = request.getParameter("password");
  24.             //获取浏览器传入的验证码(用户输入的验证码)
  25.             String checkCode = request.getParameter("checkCode");
  27.             //获取服务器生成的验证码,从session里面根据key "code"取出
  28.             HttpSession session = request.getSession();
  29.             String code = (String) session.getAttribute("code");
  30.             //3. 校验验证码
  31.             if (code.equalsIgnoreCase(checkCode)) {
  32.                 //验证码校验通过
  33.                 //进行用户名和密码的校验
  35.                 //3. 连接数据库校验用户名和密码，也就是执行查询的SQL语句
  36.                 QueryRunner queryRunner = new QueryRunner(DruidUtil.getDataSource());
  37.                 String sql = "select * from user where username=? and password=?";
  38.                 //执行查询，查询一条数据，封装到User中
  39.                 User user = queryRunner.query(sql, new BeanHandler<>(User.class), username, password);
  40.                 //判断是否登录成功
  41.                 if (user != null) {
  42.                     //登录成功
  43.                     //跳转到成功页面success.html
  44.                     response.sendRedirect("/userDemo/success.html");
  45.                 }else {
  46.                     //往request域对象中存放"用户名或密码错误"
  47.                     request.setAttribute("msg","用户名或密码错误");
  48.                     //请求转发跳转到login.jsp页面
  49.                     request.getRequestDispatcher("/login.jsp").forward(request, response);
  50.                 }
  51.             }else {
  52.                 //往request域对象中存放"验证码错误"
  53.                 request.setAttribute("msg","验证码错误");
  54.                 //请求转发跳转到login.jsp页面
  55.                 request.getRequestDispatcher("/login.jsp").forward(request, response);
  56.             }
  57.         } catch (Exception e) {
  58.             e.printStackTrace();
  59.             //往request域对象中存放"服务器异常请稍后再试"
  60.             request.setAttribute("msg","服务器异常请稍后再试");
  61.             //请求转发跳转到login.jsp页面
  62.             request.getRequestDispatcher("/login.jsp").forward(request, response);
  63.         }
  64.     }
  65. }

login.jsp的代码

  1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>登录页面</title>
  6.     <style>
  7.         img{
  8.             border: 1px red solid;
  9.         }
  10.     </style>
  11. </head>
  12. <body>
  13. <%
  14.     //从request域对象中取出msg的值
  15.     String msg = (String) request.getAttribute("msg");
  17.     //判断如果msg为null，则让其变成空字符串
  18.     if (msg == null) {
  19.         msg = "";
  20.     }
  21. %>
  22. <div style="color: red"><%=msg%></div>
  23. <form action="/userDemo/login" method="post">
  24.     用户名<input type="text" name="username"><br>
  25.     密码<input type="text" name="password"><br>
  26.     验证码<input type="text" name="checkCode"><br>
  27.     <img src="/userDemo/checkCode" id="tu">
  28.     <!--点击换一换的时候，切换验证码图片-->
  29.     <a href="javascript:;" onclick="changeCode()">换一换</a>
  30.     <br>
  31.     记住用户名<input type="checkbox" name="remember"><br>
  32.     <input type="submit" value="登录">
  33. </form>
  34. <script>
  35.     //声明一个切换验证码图片的方法
  36.     function changeCode() {
  37.         //切换验证码图片，其实就是重新设置img标签的src, 让每次访问的路径src不一样，那么才不会去找缓存
  38.         document.getElementById("tu").setAttribute("src","/userDemo/checkCode?abc="+new Date())
  39.     }
  40. </script>
  41. </body>
  42. </html>

二、优化登录成功的效果

LoginServlet的代码

  1. /**
  2.  * 包名:${PACKAGE_NAME}
  3.  *
  4.  * @author Leevi
  5.  * 日期2020-07-12  16:44
  6.  */
  7. @WebServlet("/login")
  8. public class LoginServlet extends HttpServlet {
  9.     @Override
  10.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  11.         doGet(request, response);
  12.     }
  14.     @Override
  15.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  16.         try {
  17.             //1. 解决乱码
  18.             request.setCharacterEncoding("UTF-8");
  19.             response.setContentType("text/html;charset=UTF-8");
  21.             //2. 获取请求参数username和password
  22.             String username = request.getParameter("username");
  23.             String password = request.getParameter("password");
  24.             //获取浏览器传入的验证码(用户输入的验证码)
  25.             String checkCode = request.getParameter("checkCode");
  27.             //获取服务器生成的验证码,从session里面根据key "code"取出
  28.             HttpSession session = request.getSession();
  29.             String code = (String) session.getAttribute("code");
  30.             //3. 校验验证码
  31.             if (code.equalsIgnoreCase(checkCode)) {
  32.                 //验证码校验通过
  33.                 //进行用户名和密码的校验
  34.                 //3. 连接数据库校验用户名和密码，也就是执行查询的SQL语句
  35.                 QueryRunner queryRunner = new QueryRunner(DruidUtil.getDataSource());
  36.                 String sql = "select * from user where username=? and password=?";
  37.                 //执行查询，查询一条数据，封装到User中
  38.                 User user = queryRunner.query(sql, new BeanHandler<>(User.class), username, password);
  39.                 //判断是否登录成功
  40.                 if (user != null) {
  41.                     //登录成功
  42.                     //将user存储到session中
  43.                     session.setAttribute("user",user);
  44.                     //跳转到成功页面success.jsp
  45.                     response.sendRedirect("/userDemo/success.jsp");
  46.                 }else {
  47.                     //往request域对象中存放"用户名或密码错误"
  48.                     request.setAttribute("msg","用户名或密码错误");
  49.                     //请求转发跳转到login.jsp页面
  50.                     request.getRequestDispatcher("/login.jsp").forward(request, response);
  51.                 }
  52.             }else {
  53.                 //往request域对象中存放"验证码错误"
  54.                 request.setAttribute("msg","验证码错误");
  55.                 //请求转发跳转到login.jsp页面
  56.                 request.getRequestDispatcher("/login.jsp").forward(request, response);
  57.             }
  58.         } catch (Exception e) {
  59.             e.printStackTrace();
  60.             //往request域对象中存放"服务器异常请稍后再试"
  61.             request.setAttribute("msg","服务器异常请稍后再试");
  62.             //请求转发跳转到login.jsp页面
  63.             request.getRequestDispatcher("/login.jsp").forward(request, response);
  64.         }
  65.     }
  66. }

success.jsp的代码

  1. <%@ page import="com.itheima.pojo.User" %><%--
  2.   Created by IntelliJ IDEA.
  3.   User: Fanyi Xiao
  4.   Date: 2020/7/14
  5.   Time: 16:02
  6.   To change this template use File | Settings | File Templates.
  7. --%>
  8. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  9. <html lang="en">
  10. <head>
  11.     <meta charset="UTF-8">
  12.     <title>成功页面</title>
  13. </head>
  14. <body>
  15.     <%
  16.         //从session域对象中取出user
  17.         User user = (User) session.getAttribute("user");
  18.         //取出nickname
  19.         String nickname = null;
  20.         if (user != null) {
  21.             nickname = user.getNickname();
  22.         }
  23.     %>
  24.     <h1>欢迎回来，<%=nickname%></h1>
  25. </body>
  26. </html>

案例-记住用户名案例

1.需求

cookie&session&jsp - 图10

2.分析

  1. 在LoginServlet里面, 如果用户登录成功:
    //判断用户是否勾选了记住用户名
    //勾选了, 把用户名存到Cookie
    //未勾选则清除已经保存的用户名

  2. 在login.jsp页面 从cookie取出展示

3.实现

  • LoginServlet
  1. /**
  2.  * 包名:${PACKAGE_NAME}
  3.  *
  4.  * @author Leevi
  5.  * 日期2020-07-12  16:44
  6.  */
  7. @WebServlet("/login")
  8. public class LoginServlet extends HttpServlet {
  9.     @Override
  10.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  11.         doGet(request, response);
  12.     }
  14.     @Override
  15.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  16.         try {
  17.             //1. 解决乱码
  18.             request.setCharacterEncoding("UTF-8");
  19.             response.setContentType("text/html;charset=UTF-8");
  21.             //2. 获取请求参数username和password
  22.             String username = request.getParameter("username");
  23.             String password = request.getParameter("password");
  24.             //获取浏览器传入的验证码(用户输入的验证码)
  25.             String checkCode = request.getParameter("checkCode");
  26.             //获取是否记住用户名,等待登录成功的时候再判断是否需要记住用户名
  27.             String remember = request.getParameter("remember");
  29.             //获取服务器生成的验证码,从session里面根据key "code"取出
  30.             HttpSession session = request.getSession();
  31.             String code = (String) session.getAttribute("code");
  32.             //3. 校验验证码
  33.             if (code.equalsIgnoreCase(checkCode)) {
  34.                 //验证码校验通过
  35.                 //进行用户名和密码的校验
  37.                 //3. 连接数据库校验用户名和密码，也就是执行查询的SQL语句
  38.                 QueryRunner queryRunner = new QueryRunner(DruidUtil.getDataSource());
  39.                 String sql = "select * from user where username=? and password=?";
  40.                 //执行查询，查询一条数据，封装到User中
  41.                 User user = queryRunner.query(sql, new BeanHandler<>(User.class), username, password);
  42.                 //判断是否登录成功
  43.                 if (user != null) {
  44.                     //登录成功
  45.                     //判断是否记住用户名
  46.                     Cookie cookie = CookieUtil.createAndSetCookie("username", username, 7 * 24 * 60 * 60, request.getContextPath());
  47.                     if (remember == null) {
  48.                         //不需要记住用户名
  49.                         cookie.setMaxAge(0);
  50.                     }
  51.                     response.addCookie(cookie);
  52.                     //将user存储到session中
  53.                     session.setAttribute("user",user);
  54.                     //跳转到成功页面success.jsp
  55.                     response.sendRedirect("/userDemo/success.jsp");
  56.                 }else {
  57.                     //往request域对象中存放"用户名或密码错误"
  58.                     request.setAttribute("msg","用户名或密码错误");
  59.                     //请求转发跳转到login.jsp页面
  60.                     request.getRequestDispatcher("/login.jsp").forward(request, response);
  61.                 }
  62.             }else {
  63.                 //往request域对象中存放"验证码错误"
  64.                 request.setAttribute("msg","验证码错误");
  65.                 //请求转发跳转到login.jsp页面
  66.                 request.getRequestDispatcher("/login.jsp").forward(request, response);
  67.             }
  68.         } catch (Exception e) {
  69.             e.printStackTrace();
  70.             //往request域对象中存放"服务器异常请稍后再试"
  71.             request.setAttribute("msg","服务器异常请稍后再试");
  72.             //请求转发跳转到login.jsp页面
  73.             request.getRequestDispatcher("/login.jsp").forward(request, response);
  74.         }
  75.     }
  76. }
  • login.jsp
  1. <%@ page import="com.itheima.utils.CookieUtil" %><%--
  2.   Created by IntelliJ IDEA.
  3.   User: Fanyi Xiao
  4.   Date: 2020/7/14
  5.   Time: 15:42
  6.   To change this template use File | Settings | File Templates.
  7. --%>
  8. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  9. <html lang="en">
  10. <head>
  11.     <meta charset="UTF-8">
  12.     <title>登录页面</title>
  13.     <style>
  14.         img{
  15.             border: 1px red solid;
  16.         }
  17.     </style>
  18. </head>
  19. <body>
  20. <%
  21.     //从request域对象中取出msg的值
  22.     String msg = (String) request.getAttribute("msg");
  24.     //判断如果msg为null，则让其变成空字符串
  25.     if (msg == null) {
  26.         msg = "";
  27.     }
  29.     //取出名为“username”的cookie，并且将其展示在用户名输入框
  30.     Cookie[] cookies = request.getCookies();
  31.     String username = CookieUtil.getCookieValue(cookies, "username");
  32.     if (username == null) {
  33.         username = "";
  34.     }
  35. %>
  36. <div style="color: red"><%=msg%></div>
  37. <form action="/userDemo/login" method="post">
  38.     用户名<input type="text" name="username" value="<%=username%>"><br>
  39.     密码<input type="text" name="password"><br>
  40.     验证码<input type="text" name="checkCode"><br>
  41.     <img src="/userDemo/checkCode" id="tu">
  42.     <!--点击换一换的时候，切换验证码图片-->
  43.     <a href="javascript:;" onclick="changeCode()">换一换</a>
  44.     <br>
  45.     记住用户名<input type="checkbox" name="remember"><br>
  46.     <input type="submit" value="登录">
  47. </form>
  50. <script>
  51.     //声明一个切换验证码图片的方法
  52.     function changeCode() {
  53.         //切换验证码图片，其实就是重新设置img标签的src, 让每次访问的路径src不一样，那么才不会去找缓存
  54.         document.getElementById("tu").setAttribute("src","/userDemo/checkCode?abc="+new Date())
  55.     }
  56. </script>
  57. </body>
  58. </html>

4.小结

  1. 用户勾选了记住用户名,我们把用户名存到Cookie里面
  2. 在login.jsp里面 从cookie取出用户名展示