day15_Response-优快云博客

在这里插入图片描述

HTTP协议：

1. 请求消息：客户端发送给服务器端的数据
	* 数据格式：
		1. 请求行
		2. 请求头
		3. 请求空行
		4. 请求体
2. 响应消息：服务器端发送给客户端的数据
	* 数据格式：
		1. 响应行
			1. 组成：协议/版本 响应状态码 状态码描述
			2. 响应状态码：服务器告诉客户端浏览器本次请求和响应的一个状态。
				1. 状态码都是3位数字 
				2. 分类：
					1. 1xx：服务器就收客户端消息，但没有接受完成，等待一段时间后，发送1xx多状态码
					2.（重要） 2xx：成功。代表：200
					3. 3xx：重定向。代表：302(重定向)，304(访问缓存)
					4. 4xx：客户端错误。
						* 代表：
							*（重要）404（请求路径没有对应的资源） 
							*（重要）405：请求方式没有对应的doXxx方法
					5.（重要） 5xx：服务器端错误。代表：500(服务器内部出现异常)

2. 响应头：
1. 格式：头名称：值
2. 常见的响应头：
1. Content-Type：服务器告诉客户端本次响应体数据格式以及编码格式
response.setContentType(“text/html;charset=utf-8”);
response.setHeader(“content-type”, “text/html;charset=utf-8”);
2. Content-disposition：服务器告诉客户端以什么格式打开响应体数据
* 值：
* in-line:默认值,在当前页面内打开
* attachment;filename=xxx：以附件形式打开响应体。文件下载
3. 响应空行
4. 响应体:传输的数据

	* 响应字符串格式
		HTTP/1.1 200 OK
		
		Content-Type: text/html;charset=UTF-8
		Content-Length: 101
		Date: Wed, 06 Jun 2018 07:08:42 GMT

		<html>
		  <head>
		    <title>$Title$</title>
		  </head>
		  <body>
		  hello , response
		  </body>
		</html>

Response对象

* 功能：设置响应消息
	1. 设置响应行
		1. 格式：HTTP/1.1 200 ok
		2. 设置状态码：setStatus(int sc) 
	2. 设置响应头：setHeader(String name, String value) 
		
	3. 设置响应体：
		* 使用步骤：
			1. 获取输出流
				* 字符输出流：PrintWriter getWriter()

				* 字节输出流：ServletOutputStream getOutputStream()

			2. 使用输出流，将数据输出到客户端浏览器


* 案例：
	1. (重点)完成重定向
		* 重定向：资源跳转的方式
		* 代码实现：
			//1. 设置状态码为302
	        response.setStatus(302);
	        //2.设置响应头location
	        response.setHeader("location","/day15/responseDemo2");


	        //简单的重定向方法
	  （重点）response.sendRedirect("/day15/responseDemo2");

		* 重定向的特点:redirect
			1. 地址栏发生变化
			2. 重定向可以访问其他站点(服务器)的资源
			3. 重定向是两次请求。不能使用request对象来共享数据
		* 转发的特点：forward
			1. 转发地址栏路径不变
			2. 转发只能访问当前服务器下的资源
			3. 转发是一次请求，可以使用request对象来共享数据
			
		使用时的选择: 
            * 如果是内部的资源跳转，推荐使用请求转发来完成
            * 如果是外部资源的跳转，只能使用重定向
            * 当我们需要服务器内部资源（servlet）之间request域共享数据时，必须使用 请求转发
		
		* forward 和  redirect 区别
			
		* 路径写法：
			1. 路径分类
				1. 相对路径：通过相对路径不可以确定唯一资源
					* 如：./index.html
					* 不以/开头，以.开头路径

					* 规则：找到当前资源和目标资源之间的相对位置关系
						* ./：当前目录
						* ../:后退一级目录
				2.（重点） 绝对路径：通过绝对路径可以确定唯一资源
					* 如：http://localhost/day15/responseDemo2		/day15/responseDemo2
					* 以/开头的路径

					* 规则：判断定义的路径是给谁用的？判断请求将来从哪儿发出
						* 给客户端浏览器使用：需要加虚拟目录(项目的访问路径)
							* 建议虚拟目录动态获取：request.getContextPath()
							* <a> , <form> 重定向...
						* 给服务器使用：不需要加虚拟目录
							* 转发路径

	2. 服务器输出字符数据到浏览器
		* 步骤：
			1. 获取字符输出流
			2. 输出数据

		* 注意：
			* 乱码问题：
				1. PrintWriter pw = response.getWriter();获取的流的默认编码是ISO-8859-1
				2. 设置该流的默认编码
				3. 告诉浏览器响应体使用的编码

				//简单的形式，设置编码，是在获取流之前设置
    			response.setContentType("text/html;charset=utf-8");
	3. 服务器输出字节数据到浏览器
		* 步骤：
			1. 获取字节输出流
			2. 输出数据

	4. 验证码
		1. 本质：图片
		2. 目的：防止恶意表单注册
		
		*验证码工具类
								
						public class YzmUtil{
							public static BufferedImage getBufferedImage(HttpServletRequest request) throws IOException {
								int width = 150;
								int height = 50;
								BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
								Graphics g = image.getGraphics();
								g.setColor(getRandColor(200, 250));
								g.fillRect(0, 0, width, height);
								g.setColor(new Color(102, 102, 102));
								g.drawRect(20, 30, width - 20, height - 30);
								g.setFont(new Font("Times New Roman", Font.PLAIN, 40));
								g.setColor(getRandColor(160, 200));
								Random RANDOM = new Random();
								// // 画随机线
								for (int i = 0; i < 155; i++) {
									int x = 5 + RANDOM.nextInt(width - 10);
									int y = 5 + RANDOM.nextInt(height - 10);
									int xl = RANDOM.nextInt(6) + 5;
									int yl = RANDOM.nextInt(12) + 5;
									g.drawLine(x, y, x + xl, y + yl);
								}
								// // 从另一方向画随机线
								for (int i = 0; i < 70; i++) {
									int x = 5 + RANDOM.nextInt(width - 10);
									int y = 5 + RANDOM.nextInt(height - 10);
									int xl = RANDOM.nextInt(12) + 5;
									int yl = RANDOM.nextInt(6) + 5;
									g.drawLine(x, y, x - xl, y - yl);
								}
								// 生成随机数,并将随机数字转换为字母
								String code = "";
								for (int i = 0; i < 4; i++) {
									int itmp = RANDOM.nextInt(26) + 65;
									char ctmp = (char) itmp;
									code += String.valueOf(ctmp);
									g.setColor(new Color(20 + RANDOM.nextInt(110), 20 + RANDOM.nextInt(110), 20 + RANDOM.nextInt(110)));
									g.drawString(String.valueOf(ctmp), 25 * i + 20, 40);
								}
								g.dispose();

								//将图片中显示的随机生成code 存储到session的域中
								request.getSession().setAttribute("yzmCode", code);
								return image;
							}

							/**
							 * 给定范围获得随机颜色
							 * @param fc
							 * @param bc
							 * @return
							 */
							static Color getRandColor(int fc, int bc) {
								Random random = new Random();
								if (fc > 255){
									fc = 255;
								}
								if (bc > 255){
									bc = 255;
								}
								int r = fc + random.nextInt(bc - fc);
								int g = fc + random.nextInt(bc - fc);
								int b = fc + random.nextInt(bc - fc);
								return new Color(r, g, b);
							}

						}


							/**
							 * 获取验证码
							 */
						@WebServlet("/yzm")
						public class YzmServlet extends HttpServlet {

						@Override
						protected void doPost(HttpServletRequest request, HttpServletResponse response) throws IOException {

							//获取制作好的验证码图片对象
							BufferedImage image = YzmUtil.getBufferedImage(request);

							//将图片响应给客户端
							ImageIO.write(image, "JPEG", response.getOutputStream());

						}
						@Override
						protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
							doPost(req, resp);
						}

						<!DOCTYPE html>
						<html lang="en">
						<head>
							<meta charset="UTF-8">
							<title>验证码</title>
							<script>
							   window.onload = function () {
								   var img = document.getElementById("checkcode");
								   img.onclick= fun;

								   var a = document.getElementById("a");
								   a.onclick= fun;

								   function fun () {
									   var date = new Date().getTime();
									  img.src="/Tomcat_war_exploded/checkCodeServlet?"+date ;
								   }
								   
							   }

							</script>
						</head>
						<body>
						<img  src="/Tomcat_war_exploded/checkCodeServlet" alt="" id="checkcode">
						<a href="javascript:void(0)" id="a">看不清换一张</a>
						</body>
						</html>

ServletContext对象：

1. 概念：代表整个web应用，可以和程序的容器(服务器)来通信
         
		 servletContext对象只能获取全局初始化参数。

2. 获取：
	1. 通过request对象获取
		request.getServletContext();
	2. 通过HttpServlet获取
		this.getServletContext();
3. 功能：
	1. 获取MIME类型：
		* MIME类型:在互联网通信过程中定义的一种文件数据类型
			* 格式： 大类型/小类型   text/html		image/jpeg

		* 获取：String getMimeType(String file)  
	2. 域对象：共享数据
		1. setAttribute(String name,Object value)
		2. getAttribute(String name)
		3. removeAttribute(String name)

		* ServletContext对象范围：所有用户所有请求的数据
		  servletContext域对象的作用范围是同一个应用中所有用户,所有请求共享数据,是与应用共生的。
		
	3. 获取文件的真实(服务器)路径
		1. 方法：String getRealPath(String path)  
			 String b = context.getRealPath("/b.txt");//web目录下资源访问
	         System.out.println(b);
	
	        String c = context.getRealPath("/WEB-INF/c.txt");//WEB-INF目录下的资源访问
	        System.out.println(c);
	
	        String a = context.getRealPath("/WEB-INF/classes/a.txt");//src目录下的资源访问
	        System.out.println(a);

案例：

* 文件下载需求：
	1. 页面显示超链接
	2. 点击超链接后弹出下载提示框
	3. 完成图片文件下载


* 分析：
	1. 超链接指向的资源如果能够被浏览器解析，则在浏览器中展示，如果不能解析，则弹出下载提示框。不满足需求
	2. 任何资源都必须弹出下载提示框
	3. 使用响应头设置资源的打开方式：
		* content-disposition:attachment;filename=xxx


* 步骤：
	1. 定义页面，编辑超链接href属性，指向Servlet，传递资源名称filename
	2. 定义Servlet
		1. 获取文件名称
		2. 使用字节输入流加载文件进内存
		3. 指定response的响应头： content-disposition:attachment;filename=xxx
		4. 将数据写出到response输出流


* 问题：
	* 中文文件问题
		* 解决思路：
			1. 获取客户端使用的浏览器版本信息
			2. 根据不同的版本信息，设置filename的编码方式不同
	*下载工具类	
		public class DownLoadUtil {
			public static String getFileName(String agent, String filename) throws UnsupportedEncodingException {
				if (agent.contains("MSIE")) {
					// IE浏览器
					filename = URLEncoder.encode(filename, "utf-8");
					filename = filename.replace("+", " ");
				} else if (agent.contains("Firefox")) {
					// 火狐浏览器
					//java 9和以上版本已经处理掉了 BASE64Encoder类
					/*BASE64Encoder base64Encoder = new BASE64Encoder();
					filename = "=?utf-8?B?" + base64Encoder.encode(filename.getBytes("utf-8")) + "?=";*/
					//java9 版本使用如下base64方式进行编码
					filename = "=?utf-8?B?" + Base64.getEncoder().encodeToString(filename.getBytes("utf-8")) + "?=";
				} else {
					// 其它浏览器
					filename = URLEncoder.encode(filename, "utf-8");
				}
				return filename;
			}
		}

代码实现：

1. 定义页面，编辑超链接href属性，指向Servlet，传递资源名称filename

			<!DOCTYPE html>
		<html lang="en">
		<head>
			<meta charset="UTF-8">
			<title>Title</title>
		</head>
		<body>
		<a href="/Tomcat_war_exploded/downLoadDemo?filename=1.jpg">下载图片1</a>
		<a href="/Tomcat_war_exploded/downLoadDemo?filename=佐助.jpg">下载图片2</a>
		</body>
		</html>
		
2. 定义Servlet
		//下载案列
		@WebServlet("/downLoadDemo")
		public class DownLoadDemo extends HttpServlet {
			@Override
			protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		//        定义Servlet
		//        1. 获取文件名称
				String filename = req.getParameter("filename");
		//        2. 使用字节输入流加载文件进内存
						//2.1获取文件的真实路径
				String realPath = this.getServletContext().getRealPath("/img/" + filename);
					   //2.2用字节流关联
				FileInputStream fis = new FileInputStream(realPath);
						//解决下载名中文乱码问题
				 filename = DownLoadUtil.getFileName(req.getHeader("user-agent"), filename);

		//        3. 指定response的响应头： content-disposition:attachment;filename=xxx
				resp.setHeader("content-disposition", "attachment;filename=" + filename);
		//        4. 将数据写出到response输出流
				ServletOutputStream sos = resp.getOutputStream();
				byte[] bytes = new byte[1024 * 8];
				int len;
				while ((len = fis.read(bytes)) != -1) {
					sos.write(bytes, 0, len);
				}
				fis.close();
			}

			@Override
			protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
				this.doGet(req, resp);
			}
		}