今日内容
1. 会话技术
1. Cookie
2. Session
2. JSP:入门学习
1. 会话技术【重点掌握】
- 会话:一次会话中包含多次请求和响应。
- 一次会话:浏览器第一次给服务器资源发送请求,会话建立,直到有一方断开为止
- 功能:在一次会话的范围内的多次请求间,共享数据
- 比如:淘宝点击一下商品加入购物车就是一次请求,多个商品要同时提交订单时候,就用到了会话技术
- 方式:
- 客户端会话技术:Cookie
- 把数据存到客户端的技术
- 服务器端会话技术:Session
- 把数据存到服务端的技术
- 客户端会话技术:Cookie
2. Cookie:
- 概念:客户端会话技术,将数据保存到客户端
- 快速入门:
- 使用步骤:
- 创建Cookie对象,绑定数据
- new Cookie(String name, String value)
- 发送Cookie对象
- response.addCookie(Cookie cookie)
- 获取Cookie,拿到数据
- Cookie[] request.getCookies()
- 遍历时,getName取名字,getValue取值
- Cookie[] request.getCookies()
- 注意:a资源(页面)发送Cookie,本服务器中b,c,d…页面都能获取到Cookie值(没有显示出来),只不过这里的第三步是用来在服务器端显示。
- 创建Cookie对象,绑定数据
- 实现代码:
//CookieDemo1中 //1. 创建Cookie对象,绑定数据 Cookie c = new Cookie("msg", "hello"); //2. 发送Cookie resp.addCookie(c); //CookieDemo2中 //3. 获取Cookie Cookie[] cs = req.getCookies(); //获取数据,遍历Cookies if(cs != null){ //数据获取后,其他浏览器就获取不到了 for (Cookie c : cs) { String name = c.getName(); String value = c.getValue(); System.out.println("name" + name + "value" + value); } }
- 使用步骤:
- 实现原理
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AR7ADXOx-1588154213570)(https://note.youdao.com/yws/public/resource/79bbd9185460ea9664cde2111432eb7b/xmlnote/9922E904746E481483AD8641AD22F8E5/25216)]- 基于响应头set-cookie和请求头cookie实现
- CookieDemo1响应头中set-cookie有数据
- CookieDemo2请求头中cookie有数据
- 基于响应头set-cookie和请求头cookie实现
- cookie的细节
- 一次可不可以发送多个cookie?
- 可以
- 可以创建多个Cookie对象,使用response调用多次addCookie方法发送cookie即可。
- 代码实现:
//1. 创建Cookie对象,绑定数据 Cookie c1 = new Cookie("msg1", "hello"); Cookie c2 = new Cookie("name", "world"); //2. 发送Cookie resp.addCookie(c1); resp.addCookie(c2);
- 键也就是Cookie第一个参数。
- cookie在浏览器中保存多长时间?
- 默认情况下,当浏览器(相当于保存在浏览器内存中)关闭后,Cookie数据被销毁
- 持久化存储:(Cookie对象的一个方法)
- setMaxAge(int seconds)
- 正数:++将Cookie数据写到硬盘的文件中++。持久化存储。并指定cookie存活时间,时间到后,cookie文件自动失效
- 负数:默认值
- 零:删除cookie信息
- 代码实现:
//1. 创建Cookie对象,绑定数据 Cookie c1 = new Cookie("msg", "setMaxAge"); //2.设置Cookie的存活时间 c1.setMaxAge(30); //将Cookie持久化到硬盘,之后自动删除 //c1.setMaxAge(-1); //默认值(也就是浏览器关闭之后,就会删除) //c1.setMaxAge(0); //删除cookie信息(浏览器不关闭也删除了) //3. 发送Cookie resp.addCookie(c1);
- setMaxAge(int seconds)
- cookie能不能存中文?
- 在tomcat 8 之前 cookie中不能直接存储中文数据。
- 需要将中文数据转码—一般采用URL编码(一个百分号,后面跟两个16进制数字:%E3)
- 在tomcat 8 之后,cookie支持中文数据。
- 特殊字符还是不支持,建议使用URL编码存储,URL解码解析
//URL编码:为了针对特殊字符(比如设置时间格式里面的空格) str_date = URLEncoder.encode(str_date, "utf-8"); //第一个参数是需要编码的字符串 //URL解码(不然看不懂) value = URLDecoder.decode(value, "utf-8");
- 特殊字符还是不支持,建议使用URL编码存储,URL解码解析
- 在tomcat 8 之前 cookie中不能直接存储中文数据。
- cookie共享问题?
- 假设在一个tomcat服务器中,部署了多个web项目,那么在这些web项目中cookie能不能共享?
- 默认情况下cookie不能共享
- setPath(String path):设置cookie的获取范围。++默认情况下,设置当前的虚拟目录++
- 如果要共享,则可以将path设置为"/"
//1. 创建Cookie对象,绑定数据 Cookie c1 = new Cookie("msg", "setMaxAge"); //2.设置path,让当前服务器下部署的所有项目共享Cookie信息 c1.setPath("/"); //3. 发送Cookie resp.addCookie(c1);
- 如果要共享,则可以将path设置为"/"
- 不同的tomcat服务器间cookie共享问题?
- setDomain(String path):如果设置一级域名相同,那么多个服务器之间cookie可以共享
setDomain(".baidu.com")
- 那么tieba.baidu.com和news.baidu.com中cookie可以共享
- tieba,news叫做二级分类
- 那么tieba.baidu.com和news.baidu.com中cookie可以共享
- setDomain(String path):如果设置一级域名相同,那么多个服务器之间cookie可以共享
- 假设在一个tomcat服务器中,部署了多个web项目,那么在这些web项目中cookie能不能共享?
- 一次可不可以发送多个cookie?
- Cookie的特点和作用
- cookie存储数据在客户端浏览器
- 数据储存在客户端浏览器,很容易丢失,也容易被篡改(不安全)
- 浏览器对于单个cookie 的大小有限制(4kb) 以及 对同一个域名下的总cookie数量也有限制(20个)
- Cookie的作用:
- cookie一般用于存出少量的不太敏感的数据
- ++在不登录的情况下++,完成服务器对客户端的身份识别【重点】
- 比如设置浏览器的背景颜色,然后就以Cookie方式存储进去了
- cookie存储数据在客户端浏览器
- 案例:记住上一次访问时间
-
需求:
- 访问一个Servlet,如果是第一次访问,则提示:您好,欢迎您首次访问。
- 如果不是第一次访问,则提示:欢迎回来,您上次访问时间为:显示时间字符串
-
分析:
- 可以采用Cookie来完成
- 在服务器中的Servlet判断是否有一个名为lastTime的cookie
- 有:不是第一次访问
- 响应数据:欢迎回来,您上次访问时间为:2018年6月10日11:50:20
- 写回Cookie:lastTime=2018年6月10日11:50:01
- 没有:是第一次访问
- 响应数据:您好,欢迎您首次访问
- 写回Cookie:lastTime=2018年6月10日11:50:01
- 有:不是第一次访问
-
代码实现:
- ascll码中,32表示的空格
//首先设置响应消息体的数据格式以及编码 resp.setContentType("text/html;charset=utf-8"); //1. 获取所有的Cookie Cookie[] cookies = req.getCookies(); boolean flag = false; //没有Cookie为lastTime //2. 遍历Cookie数组 if(cookies != null || cookies.length > 0){ for (Cookie cookie : cookies) { //3. 获取Cookie的名称 String name = cookie.getName(); //4. 判断Cookie的名称是否是lastTime if("lastTime".equals(name)){ //有该Cookie,不是第一次访问 flag = true; //表示有lastTime //设置Cookie的value(这是本次的时间) //获取当前时间的字符串,重新设置Cookie的值,重新发送给Cookie Date date = new Date(); SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss"); //设置时间的格式 String str_date = sdf.format(date); //字符串的时间格式 //URL编码:为了针对特殊字符(比如设置时间格式里面的空格) str_date = URLEncoder.encode(str_date, "utf-8"); //首先:响应数据 //获取Cookie的值 String value = cookie.getValue(); //URL解码(不然看不懂) value = URLDecoder.decode(value, "utf-8"); //写输出信息 resp.getWriter().write("<h1>欢迎回来,您上次访问时间为:" + value + "</h1>"); //然后:设置Cookie cookie.setValue(str_date); //设置Cookie的存活时间 cookie.setMaxAge(60 * 60 * 24 * 30); //表示存活一个月 resp.addCookie(cookie); //找到就不需要再找了 break; } } } //表示第一次访问 if(cookies == null || cookies.length == 0 || flag == false){ //没有,表示第一次访问 //设置Cookie的value(这是本次的时间) //获取当前时间的字符串,重新设置Cookie的值,重新发送给Cookie Date date = new Date(); SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss"); //设置时间的格式 String str_date = sdf.format(date); //字符串的时间格式 //URL编码:为了针对特殊字符(比如设置时间格式里面的空格) str_date = URLEncoder.encode(str_date, "utf-8"); //没有获取到,自己新建一个Cookie Cookie cookie = new Cookie("lastTime", str_date); //设置Cookie的存活时间 cookie.setMaxAge(60 * 60 * 24 * 30); //表示存活一个月 resp.addCookie(cookie); //写输出信息 resp.getWriter().write("<h1>您好,欢迎您首次访问</h1>"); }
-
3. JSP:入门学习
- 概念:
- Java Server Pages: java服务器端页面
- Java Server Pages(JSP)是一种实现普通静态HTML 和动态HTML 混合编码的技术。
- 可以理解为:一个特殊的页面,其中既可以指定定义html标签,又可以定义java代码
- 用于简化书写!!!
- 有一个页面,可以直接写标签,要写动态内容的地方,可以写Java代码来展示
- Java Server Pages(JSP)是一种实现普通静态HTML 和动态HTML 混合编码的技术。
- Java Server Pages: java服务器端页面
- 原理
- JSP本质上就是一个Servlet
- JSP的脚本:JSP定义Java代码的方式
- <% 代码 %>:定义的java代码,在service方法中。service方法中可以定义什么,该脚本中就可以定义什么。
- 可以写多个语句,就相当于Java类的方法中。
- 可以写多个语句,就相当于Java类的方法中。
- <%! 代码 %>【JSP,Servlet最好少用:会引发线程安全问题】:定义的java代码,在jsp转换后的java类的++成员位置++。
- 就相当于Java类的成员方法,成员变量,静态代码块
- <%= 代码 %>:定义的java代码,会输出到页面上。
- 输出语句中可以定义什么,该脚本中就可以定义什么。
<% int a = 5; %> <%= a %> //就在页面输出了5 <%= "helloWorld" %> //就在页面输出了helloWorld
- <% 代码 %>:定义的java代码,在service方法中。service方法中可以定义什么,该脚本中就可以定义什么。
- JSP的内置对象:
- 在jsp页面中不需要获取和创建,可以直接使用的对象
- jsp一共有9个内置对象。
- 今天学习3个:
- request
- response
- out:字符输出流对象。可以将数据输出到页面上和++response.getWriter()类似++
- response.getWriter()和out.write()的区别:
- 在tomcat服务器真正给客户端做出响应之前,会先找response缓冲区数据,再找out缓冲区数据。
- response.getWriter()数据输出永远在out.write()之前
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Tvjx8IA6-1588154213586)(https://note.youdao.com/yws/public/resource/79bbd9185460ea9664cde2111432eb7b/xmlnote/FD674C39F35042A4A5767B9149D0C98E/25377)] - 所以尽量不要在jsp中使用response.getWriter(),有可能打乱布局
- response.getWriter()和out.write()的区别:
- 案例:改造Cookie案例
- 不过后期不建议这样写,,展示和代码都混合的
showTime.jsp页面中 <%@ page import="java.util.Date" %> <%@ page import="java.text.SimpleDateFormat" %> <%@ page import="java.net.URLEncoder" %> <%@ page import="java.net.URLDecoder" %> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>itcast</title> </head> <body> <% //1. 获取所有的Cookie Cookie[] cookies = request.getCookies(); boolean flag = false; //没有Cookie为lastTime //2. 遍历Cookie数组 if(cookies != null || cookies.length > 0){ for (Cookie cookie : cookies) { //3. 获取Cookie的名称 String name = cookie.getName(); //4. 判断Cookie的名称是否是lastTime if("lastTime".equals(name)){ //有该Cookie,不是第一次访问 flag = true; //表示有lastTime //设置Cookie的value(这是本次的时间) //获取当前时间的字符串,重新设置Cookie的值,重新发送给Cookie Date date = new Date(); SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss"); //设置时间的格式 String str_date = sdf.format(date); //字符串的时间格式 //URL编码:为了针对特殊字符(比如设置时间格式里面的空格) str_date = URLEncoder.encode(str_date, "utf-8"); //首先:响应数据 //获取Cookie的值 String value = cookie.getValue(); //URL解码(不然看不懂) value = URLDecoder.decode(value, "utf-8"); %> //写输出信息 //out.write("<h1>欢迎回来,您上次访问时间为:" + value + "</h1>"); <h1>欢迎回来,您上次访问时间为:<%= value%></h1> <% //然后:设置Cookie cookie.setValue(str_date); //设置Cookie的存活时间 cookie.setMaxAge(60 * 60 * 24 * 30); //表示存活一个月 response.addCookie(cookie); //找到就不需要再找了 break; } } } //表示第一次访问 if(cookies == null || cookies.length == 0 || flag == false){ //没有,表示第一次访问 //设置Cookie的value(这是本次的时间) //获取当前时间的字符串,重新设置Cookie的值,重新发送给Cookie Date date = new Date(); SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss"); //设置时间的格式 String str_date = sdf.format(date); //字符串的时间格式 //URL编码:为了针对特殊字符(比如设置时间格式里面的空格) str_date = URLEncoder.encode(str_date, "utf-8"); //没有获取到,自己新建一个Cookie Cookie cookie = new Cookie("lastTime", str_date); //设置Cookie的存活时间 cookie.setMaxAge(60 * 60 * 24 * 30); //表示存活一个月 response.addCookie(cookie); %> //写输出信息 //out.write("<h1>您好,欢迎您首次访问</h1>"); <h1>您好,欢迎您首次访问</h1> <% } %> <input> </body> </html>
4. Session:【重点掌握:主菜】
- 概念:服务器端会话技术,在一次会话中的多次请求间++共享数据++,将数据保存在服务器端的对象中。HttpSession
- 只能在一次会话中
- 注:也就是在浏览器第一次打开的时候算是一次会话,其中多次请求都可以,,,关闭浏览器后,再次打开浏览器就算是第二次会话了,,这时候在获取值的话就为null
- 快速入门:
- 获取HttpSession对象:
- HttpSession session = request.getSession();
- 使用HttpSession对象:
- Object getAttribute(String name)
- void setAttribute(String name, Object value)
- void removeAttribute(String name)
- 案例:
//sessionDemo1中 //使用session共享数据 //1. 获取session HttpSession session = req.getSession(); //2. 储存数据 session.setAttribute("msg", "helloSession"); //sessionDemo2中 //使用session共享数据 //1. 获取session HttpSession session = req.getSession(); //2. 获取数据 Object msg = session.getAttribute("msg"); System.out.println(msg);
- 获取HttpSession对象:
- 原理
- Session的实现是依赖于Cookie的【*】
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zhhnDY6j-1588154213587)(https://note.youdao.com/yws/public/resource/79bbd9185460ea9664cde2111432eb7b/xmlnote/4C85B64ECD6D47A79188864496AABD9A/25419)]
- Session的实现是依赖于Cookie的【*】
- 细节:
- 当客户端关闭后,服务器不关闭,两次获取session是否为同一个?
- 默认情况下。不是。(获取时候就没有相同的Cookie头了)
- 如果需要相同,则可以创建Cookie,键为JSESSIONID,设置最大存活时间,让cookie持久化保存。
//1. 获取session HttpSession session = req.getSession(); //期待客户端关闭后,session也能相同 Cookie c = new Cookie("JSESSIONID", session.getId()); c.setMaxAge(60 * 60); resp.addCookie(c);
- 客户端不关闭,服务器关闭后,两次获取的session是同一个吗?【了解】
- ==不是同一个,但是要确保数据不丢失。【注意】==tomcat自动完成以下工作【IDEA工具只有钝化,没有活化】
- session的钝化(对象序列化的过程):
- 在服务器正常关闭之前,将session对象序列化到硬盘上(序列化,将对象转为流)
- session的活化(对象反序列化的过程):
- 在服务器启动后,将session文件转化为内存中的session对象即可。(自动将上次生成的文件删除)
- session的钝化(对象序列化的过程):
- ==不是同一个,但是要确保数据不丢失。【注意】==tomcat自动完成以下工作【IDEA工具只有钝化,没有活化】
- session什么时候被销毁?【知道呢个方法即可】
- 服务器关闭
- session对象调用invalidate()方法 。
- session默认失效时间 30分钟
选择性配置修改(在tomcat目录中->conf->web.xml[这是所有项目的父配置文件])//30分钟页面就失效了 <session-config> <session-timeout>30</session-timeout> </session-config>
- 当客户端关闭后,服务器不关闭,两次获取session是否为同一个?
- session的特点【重点】
- session用于存储一次会话的多次请求的数据,存在服务器端
- session可以存储任意类型,任意大小的数据
- Cookie存的值只能是字符串
- 在重定向中是两次请求,其中要共享数据,一般是用session
- session与Cookie的区别:
- session存储数据在服务器端,Cookie在客户端
- session没有数据大小限制,Cookie有
- session数据安全,Cookie相对于不安全
5. 案例:验证码
- 案例需求:
- 访问带有验证码的登录页面login.jsp
- 用户输入用户名,密码以及验证码。
- 如果用户名和密码输入有误,跳转登录页面,提示:用户名或密码错误
- 如果验证码输入有误,跳转登录页面,提示:验证码错误
- 如果全部输入正确,则跳转到主页success.jsp,显示:用户名,欢迎您
- 分析:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UDo2RXRL-1588154213588)(https://note.youdao.com/yws/public/resource/79bbd9185460ea9664cde2111432eb7b/xmlnote/5B6D91FFE4D84C9B8FEF5A2D679C482D/25475)] - 代码实现:
- login.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Title</title> <style> div{ color: red; } </style> </head> <body> <form action="/day16/loginServlet" method="post"> <table> <tr> <td>用户名</td> <td><input type="text" name="username"></td> </tr> <tr> <td>密码</td> <td><input type="password" name="password"></td> </tr> <tr> <td>验证码</td> <td><input type="text" name="checkCode"></td> </tr> <tr> <td colspan="2"><img id="img" src="/day16/checkCodeServlet"></td> </tr> <tr> <td colspan="2"><input type="submit" value="登录"></td> </tr> </table> </form> <div><%= request.getAttribute("login_error") == null ? "" : request.getAttribute("login_error")%></div> <div><%= request.getAttribute("cc_error") == null ? "" : request.getAttribute("cc_error")%></div> <script> window.onload = function () { document.getElementById("img").onclick = function () { //创建一个时间戳 this.src = "/day16/checkCodeServlet?time=" + new Date().getTime(); } } </script> </body> </html>
- CheckCodeServlet.java
int width = 100; int height = 50; //1. 创建一个对象,在内存中图片(验证码图片对象) BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); //2. 美化图片 //2.1 填充背景颜色 //0,0表示图片的左上坐标点 Graphics g = image.getGraphics(); //画笔对象 g.setColor(Color.pink); g.fillRect(0, 0, width - 1, height - 1); //2.2 画边框 g.setColor(Color.blue); g.drawRect(0, 0, width, height); String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; Random random = new Random(); StringBuilder sb = new StringBuilder(); //用来将每次生成的验证码值存起 for (int i = 1; i <= 4; i++) { //生成随机角标 int index = random.nextInt(str.length()); //获取字符 char ch = str.charAt(index);//随机字符 sb.append(ch); //2.3 写验证码 g.drawString(ch+"", width/5*i, height/2); } String checkCode_session = sb.toString(); //将数据存到session(达到一个数据共享的目的) req.getSession().setAttribute("checkCode_session", checkCode_session); //2.4 画干扰线 g.setColor(Color.green); //随机生成线的坐标点 for (int i = 0; i < 5; i++) { int x1 = random.nextInt(width); int x2 = random.nextInt(width); int y1 = random.nextInt(height); int y2 = random.nextInt(height); g.drawLine(x1, y1, x2, y2); } //3. 将图片输出到页面展示 ImageIO.write(image, "jpg", resp.getOutputStream());
- LoginServlet.java
//1. 设置request编码 resp.setCharacterEncoding("utf-8"); //2. 获取参数map String username = req.getParameter("username"); String password = req.getParameter("password"); String checkCode = req.getParameter("checkCode"); //3 先获取生成的验证码 HttpSession session = req.getSession(); String checkCode_session = (String)session.getAttribute("checkCode_session"); //需要强转为字符串,才能使用equalsIgnoreCase方法 //删除session中存储的对象(可以避免,成功登录后在返回登录页面时,,验证码不变的问题) session.removeAttribute("checkCode_session"); //3.1 先判断验证码是否正确 if(checkCode_session != null && checkCode_session.equalsIgnoreCase(checkCode)){ //忽略大小写比较 //验证码正确 //判断用户名和密码是否一致 if("zhangsan".equals(username) && "123".equals(password)){ //需要UserDao查询数据库,这里写死了 //登录成功 //存储用户信息 session.setAttribute("user", username); //重定向到success.jsp resp.sendRedirect(req.getContextPath() + "/success.jsp"); //前面动态获取了虚拟路径 }else { //登录失败 //存储提示信息到request req.setAttribute("login_error", "用户名或密码错误"); //转发到登录页面 req.getRequestDispatcher("/login.jsp").forward(req, resp); } }else { //验证码不一致 //存储提示信息到request req.setAttribute("cc_error", "验证码错误"); //转发到登录页面 req.getRequestDispatcher("/login.jsp").forward(req, resp); }
- success.jsp
<body> <h1><%= request.getSession().getAttribute("user")%> 欢迎您</h1> </body>
- 实现结果:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3NOwfJcg-1588154213591)(https://note.youdao.com/yws/public/resource/79bbd9185460ea9664cde2111432eb7b/xmlnote/26C6A8F1B1C24B6DAE7B0AEFEBDB9B14/25498)]