JavaWeb学习笔记(四)

本文内容

1. 会话技术
	1. Cookie
	2. Session
2. JSP:入门学习

会话技术

1. 会话:一次会话中包含多次请求和响应。
	* 一次会话:浏览器第一次给服务器资源发送请求,会话建立,直到有一方断开为止
2. 功能:在一次会话的范围内的多次请求间,共享数据
3. 方式:
	1. 客户端会话技术:Cookie
	2. 服务器端会话技术:Session
1. 概念:客户端会话技术,将数据保存到客户端

2. 快速入门:
	* 使用步骤:
		1. 创建Cookie对象,绑定数据
			* new Cookie(String name, String value) 
		2. 发送Cookie对象
			* response.addCookie(Cookie cookie) 
		3. 获取Cookie,拿到数据
			* Cookie[]  request.getCookies()  


3. 实现原理
	* 基于响应头set-cookie和请求头cookie实现
image ----- 4. cookie的细节 1. 一次可不可以发送多个cookie? * 可以 * 可以创建多个Cookie对象,使用response调用多次addCookie方法发送cookie即可。 2. cookie在浏览器中保存多长时间? 1. 默认情况下,当浏览器关闭后,Cookie数据被销毁 2. 持久化存储: * setMaxAge(int seconds) 1. 正数:将Cookie数据写到硬盘的文件中。持久化存储。并指定cookie存活时间,时间到后,cookie文件自动失效 2. 负数:默认值 3. 零:删除cookie信息 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可以共享


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

	* 作用:
		1. cookie一般用于存出少量的不太敏感的数据
		2. 在不登录的情况下,完成服务器对客户端的身份识别

6. 案例:记住上一次访问时间
	1. 需求:
		1. 访问一个Servlet,如果是第一次访问,则提示:您好,欢迎您首次访问。
		2. 如果不是第一次访问,则提示:欢迎回来,您上次访问时间为:显示时间字符串

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

	3. 代码实现:
	@WebServlet("/cookieTest")
	public class CookieTest extends HttpServlet {
	    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为lastTime
	        //2.遍历cookie数组
	        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;//有lastTime的cookie
	                    //设置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>");
	                    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);
				
	            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的存活时间
	            cookie.setMaxAge(60 * 60 * 24 * 30);//一个月
	            response.addCookie(cookie);
	
	            response.getWriter().write("<h1>您好,欢迎您首次访问</h1>");
	        }
	
	    }		

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

JSP:入门学习

1. 概念:
	* Java Server Pages: java服务器端页面
		* 可以理解为:一个特殊的页面,其中既可以指定定义html标签,又可以定义java代码
		* 用于简化书写!!!
2. 原理
	* JSP本质上就是一个Servlet
image ----- 3. JSP的脚本:JSP定义Java代码的方式 1. <% 代码 %>:定义的java代码,在service方法中。service方法中可以定义什么,该脚本中就可以定义什么。 2. <%! 代码 %>:定义的java代码,在jsp转换后的java类的成员位置。 3. <%= 代码 %>:定义的java代码,会输出到页面上。输出语句中可以定义什么,该脚本中就可以定义什么。
4. JSP的内置对象:
	* 在jsp页面中不需要获取和创建,可以直接使用的对象
	* jsp一共有9个内置对象。
	* 今天学习3个:
		* request
		* response
		* out:字符输出流对象。可以将数据输出到页面上。和response.getWriter()类似
			* response.getWriter()和out.write()的区别:
				* 在tomcat服务器真正给客户端做出响应之前,会先找response缓冲区数据,再找out缓冲区数据。
				* response.getWriter()数据输出永远在out.write()之前
image ---- 5. 案例:改造Cookie案例

Session:主菜

1. 概念:服务器端会话技术,在一次会话的多次请求间共享数据,将数据保存在服务器端的对象中。HttpSession
2. 快速入门:
	1. 获取HttpSession对象:
		HttpSession session = request.getSession();
	2. 使用HttpSession对象:
		Object getAttribute(String name)  
		void setAttribute(String name, Object value)
		void removeAttribute(String name)  

3. 原理
	* Session的实现是依赖于Cookie的。
image -----
4. 细节:
	1. 当客户端关闭后,服务器不关闭,两次获取session是否为同一个?
		* 默认情况下。不是。
		* 如果需要相同,则可以创建Cookie,键为JSESSIONID,设置最大存活时间,让cookie持久化保存。
			 Cookie c = new Cookie("JSESSIONID",session.getId());
	         c.setMaxAge(60*60);
	         response.addCookie(c);


	2. 客户端不关闭,服务器关闭后,两次获取的session是同一个吗?
		* 不是同一个,但是要确保数据不丢失。tomcat自动完成以下工作
			* session的钝化:
				* 在服务器正常关闭之前,将session对象序列化到硬盘上
			* session的活化:
				* 在服务器启动后,将session文件转化为内存中的session对象即可。
			
	3. session什么时候被销毁?
		1. 服务器关闭
		2. session对象调用invalidate() 。
		3. session默认失效时间 30分钟
			选择性配置修改	
			<session-config>
		        <session-timeout>30</session-timeout>
		    </session-config>

 5. session的特点
	 1. session用于存储一次会话的多次请求的数据,存在服务器端
	 2. session可以存储任意类型,任意大小的数据

	* session与Cookie的区别:
		1. session存储数据在服务器端,Cookie在客户端
		2. session没有数据大小限制,Cookie有
		3. session数据安全,Cookie相对于不安全

案例:验证码

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


2. 分析:

image

3. 代码实现
	1. 访问带有验证码的登录页面login.jsp
	<%@ 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="/day16/checkCodeServlet?time="+new Date().getTime();
				}
			}


		</script>
		<style>
			div{
				color: #ff0000;
			}

		</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("cc_error") == null ? "" : request.getAttribute("cc_error")%></div>
		<div><%=request.getAttribute("login_error") == null ? "" : request.getAttribute("login_error") %></div>

	</body>
	</html>
	2. 用户输入用户名,密码以及验证码
	@WebServlet("/loginServlet")
	public class LoginServlet extends HttpServlet {
		protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
			//1.设置request编码
			request.setCharacterEncoding("utf-8");
			//2.获取参数
			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");
			//3.先判断验证码是否正确
			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);

			}

		}

		protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
			this.doPost(request, response);
		}
	}
	// 生成验证码
	@WebServlet("/checkCodeServlet")
	public class CheckCodeServlet extends HttpServlet {
		protected void doPost(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 g = image.getGraphics();//画笔对象
			g.setColor(Color.PINK);//设置画笔颜色
			g.fillRect(0,0,width,height);

			//2.2画边框
			g.setColor(Color.BLUE);
			g.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写验证码
				g.drawString(ch+"",width/5*i,height/2);
			}
			String checkCode_session = sb.toString();
			//将验证码存入session
			request.getSession().setAttribute("checkCode_session",checkCode_session);

			//2.4画干扰线
			g.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);
				g.drawLine(x1,y1,x2,y2);
			}


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


		}

		protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
			this.doPost(request,response);
		}
	}
posted @ 2021-06-04 22:53  linklate2022  阅读(50)  评论(0编辑  收藏  举报