03_14_JavaWeb||day16_Cookie&Session||day16_Cookie&Session
原创
©著作权归作者所有：来自51CTO博客作者狂野小白兔的原创作品，请联系作者获取转载授权，否则将追究法律责任
今日内容
1. 会话技术
1. Cookie
2. Session
2. JSP：入门学习
1. 会话技术【重点掌握】
- 会话：一次会话中包含多次请求和响应。
- 一次会话：浏览器第一次给服务器资源发送请求，会话建立，直到有一方断开为止
- 功能：在一次会话的范围内的多次请求间，共享数据
- 比如：淘宝点击一下商品加入购物车就是一次请求，多个商品要同时提交订单时候，就用到了会话技术
- 方式：
- 客户端会话技术：Cookie
- 服务器端会话技术：Session
2. Cookie：
- 概念：客户端会话技术，将数据保存到客户端
- 快速入门：
- 创建Cookie对象，绑定数据
- new Cookie(String name, String value)
- 发送Cookie对象
- response.addCookie(Cookie cookie)
- 获取Cookie，拿到数据
- Cookie[] request.getCookies()
- 遍历时，getName取名字，getValue取值
- 注意：a资源（页面）发送Cookie，本服务器中b,c,d…页面都能获取到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有数据
- 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数据写到硬盘的文件中++。持久化存储。并指定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);
- 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");
- cookie共享问题？
- 假设在一个tomcat服务器中，部署了多个web项目，那么在这些web项目中cookie能不能共享？
- 默认情况下cookie不能共享
- setPath(String path):设置cookie的获取范围。++默认情况下，设置当前的虚拟目录++
//1. 创建Cookie对象，绑定数据
Cookie c1 = new Cookie("msg", "setMaxAge");
//2.设置path,让当前服务器下部署的所有项目共享Cookie信息
c1.setPath("/");
//3. 发送Cookie
resp.addCookie(c1);
- 不同的tomcat服务器间cookie共享问题？
- setDomain(String path):如果设置一级域名相同，那么多个服务器之间cookie可以共享
- 那么tieba.baidu.com和news.baidu.com中cookie可以共享
- Cookie的特点和作用
- cookie存储数据在客户端浏览器
- 数据储存在客户端浏览器，很容易丢失，也容易被篡改（不安全）
- 浏览器对于单个cookie 的大小有限制(4kb) 以及 对同一个域名下的总cookie数量也有限制(20个)
- 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
- 代码实现：
//首先设置响应消息体的数据格式以及编码
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代码来展示
- 原理
- JSP的脚本：JSP定义Java代码的方式
- <% 代码 %>：定义的java代码，在service方法中。service方法中可以定义什么，该脚本中就可以定义什么。
- <%! 代码 %>【JSP，Servlet最好少用：会引发线程安全问题】：定义的java代码，在jsp转换后的java类的++成员位置++。
- 就相当于Java类的成员方法，成员变量，静态代码块
- <%= 代码 %>：定义的java代码，会输出到页面上。
<%
int a = 5;
%>
<%= a %> //就在页面输出了5
<%= "helloWorld" %> //就在页面输出了helloWorld
- 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()，有可能打乱布局
- 案例:改造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);
- 原理
- Session的实现是依赖于Cookie的【*】
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zhhnDY6j-1588154213587)(https://note.youdao.com/yws/public/resource/79bbd9185460ea9664cde2111432eb7b/xmlnote/4C85B64ECD6D47A79188864496AABD9A/25419)]
- 细节：
- 当客户端关闭后，服务器不关闭，两次获取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对象调用invalidate()方法 。
- session默认失效时间 30分钟
选择性配置修改(在tomcat目录中->conf->web.xml[这是所有项目的父配置文件])
//30分钟页面就失效了
<session-config>
<session-timeout>30</session-timeout>
</session-config>
- session的特点【重点】
- session用于存储一次会话的多次请求的数据，存在服务器端
- session可以存储任意类型，任意大小的数据
- 在重定向中是两次请求，其中要共享数据，一般是用session
- 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)] - 代码实现：
<%@ 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>
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());
//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);
}
<body>
<h1><%= request.getSession().getAttribute("user")%> 欢迎您</h1>
</body>
- 实现结果：
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3NOwfJcg-1588154213591)(https://note.youdao.com/yws/public/resource/79bbd9185460ea9664cde2111432eb7b/xmlnote/26C6A8F1B1C24B6DAE7B0AEFEBDB9B14/25498)]
