HTTP相关基础和请求、响应

HTTP:

* 概念:Hyper Text Transfer Protocol 超文本传输协议
	* 传输协议:定义了,客户端和服务器端通信时,发送数据的格式
	* 特点:
		1. 基于TCP/IP的高级协议
		2. 默认端口号:80
		3. 基于请求/响应模型的:一次请求对应一次响应
		4. 无状态的:每次请求之间相互独立,不能交互数据

	* 历史版本:
		* 1.0:每一次请求响应都会建立新的连接,一次请求响应结束后自动断开连接
		* 1.1:复用连接,一次请求响应结束后等待一段时间看是否有请求

* 请求消息数据格式:四部分:请求行、请求头、请求空行、请求体
	1. 请求行
		格式:请求方式 请求url 请求协议/版本
		如:GET /login.html	HTTP/1.1

		* 请求方式:
			* HTTP协议有7中请求方式,常用的有两种
				* GET:
					1. 请求参数在请求行中,在url后。
					2. 请求的url长度有限制的
					3. 不太安全
				* POST:
					1. 请求参数在请求体中
					2. 请求的url长度没有限制的
					3. 相对安全
	2. 请求头:客户端浏览器告诉服务器一些信息
		请求头名称: 请求头值
		* 常见的请求头:
			1. User-Agent:浏览器告诉服务器,我访问你使用的浏览器版本信息
				* 可以在服务器端获取该头的信息,解决浏览器的兼容性问题

			2. Referer:http://localhost/login.html
				* 告诉服务器,我(当前请求)从哪里来,即从哪里超链接过来。
					* 作用:
						1. 防盗链:
						2. 统计工作:
	3. 请求空行
		空行,就是用于分割POST请求的请求头,和请求体的。
	4. 请求体(正文):
		* 封装POST请求消息的请求参数的

	* 字符串格式:
		POST /login.html	HTTP/1.1
		Host: localhost
		User-Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0
		Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
		Accept-Language: zh-CN,zh;q=0.8,zh-TW;q=0.7,zh-HK;q=0.5,en-US;q=0.3,en;q=0.2
		Accept-Encoding: gzip, deflate
		Referer: http://localhost/login.html
		Connection: keep-alive
		Upgrade-Insecure-Requests: 1
										/*	这里是请求空行	*/
		username=zhangsan	


* 响应消息数据格式

在这里插入图片描述

Request:请求消息

1. request对象和response对象的原理
	1. request和response对象是由服务器创建的。我们来使用它们
	2. request对象是来获取请求消息,response对象是来设置响应消息

2. request对象继承体系结构:	
	ServletRequest		--	接口
		|	继承
	HttpServletRequest	-- 接口
		|	实现
	org.apache.catalina.connector.RequestFacade 类(tomcat实现)(System.out.println(req);)

3. request功能:
	1. 获取请求消息数据
		1. 获取请求行数据
			* GET /day14/demo1?name=zhangsan HTTP/1.1
			* 方法:
				1. 获取请求方式 :GET
					* String getMethod()  
				2. 获取虚拟目录:/day14	————常用
					* String getContextPath()
				3. 获取Servlet路径: /demo1
					* String getServletPath()
				4. 获取get方式请求参数:name=zhangsan
					* String getQueryString()
				5. 获取请求URI:/day14/demo1		————常用
					* String getRequestURI():		/day14/demo1
					* StringBuffer getRequestURL()  :http://localhost/day14/demo1
					
					URI、URL区别:
						* URL:统一资源定位符 : http://localhost/day14/demo1	中华人民共和国
						* URI:统一资源标识符 : /day14/demo1					共和国(范围更大)
				
				6. 获取协议及版本:HTTP/1.1
					* String getProtocol()

				7. 获取客户机的IP地址:
					* String getRemoteAddr()
				
		2. 获取请求头数据
			* 方法:
				* String getHeader(String name):通过请求头的名称获取请求头的值。————常用(请求体就那些,需要什么获取什么)
				* Enumeration<String> getHeaderNames():获取所有的请求头名称,Enumeration可相当于迭代器遍历
					// 获取所有请求头名称
					Enumeration<String> headerNames = req.getHeaderNames();
			        while(headerNames.hasMoreElements()){
			            String headName = headerNames.nextElement();
			            System.out.println(headName);
			        }
			        // 获取指定请求头名称的值,并根据值判断浏览器
			        String str = req.getHeader("user-agent");
			        if(str.contains("Chrome")){
			            System.out.println("谷歌");
			        }else if (str.contains("Firefox")){
			            System.out.println("火狐");
			        }
			        // 获取链接来源
			        System.out.println(req.getHeader("referer"));  //打印链接来源,即那个页面链接到此地址,若不是链接过来的,则为null
			
		3. 获取请求体数据:
			* 请求体:只有POST请求方式,才有请求体,在请求体中封装了POST请求的请求参数
			* 步骤:
				1. 获取流对象
					*  BufferedReader getReader():获取字符输入流,只能操作字符数据
						 BufferedReader bufferedReader = req.getReader();
   						 System.out.println(bufferedReader.readLine());
					*  ServletInputStream getInputStream():获取字节输入流,可以操作所有类型数据
						* 在文件上传知识点后讲解

				2. 再从流对象中拿数据
			
			
	2. 其他功能:————重要常用
		1. 获取请求参数通用方式:不论get还是post请求方式都可以使用下列方法来获取请求参数
			1. String getParameter(String name):(常用)根据参数名称获取参数值,只能获取一个值,复选框选择多个时不好用,此时使用第二种
			2. String[] getParameterValues(String name):根据参数名称获取参数值的数组  hobby=xx&hobby=game
			3. Enumeration<String> getParameterNames():获取所有请求的参数名称
			4. Map<String,String[]> getParameterMap():(常用)获取所有参数的map集合
		
			以上方法不论Get还是Post都一样,那么只需实现一个get即可,post方法体调用get方法。
			
			* 中文乱码问题:
				* get方式:tomcat 8 已经将get方式乱码问题解决了
				* post方式:会乱码
					* 解决:在获取参数前,设置request的编码request.setCharacterEncoding("utf-8");
		
				
		2. 请求转发:一种在服务器内部的资源跳转方式,一次请求访问多个资源
			1. 步骤:
				1. 通过request对象获取请求转发器对象:RequestDispatcher getRequestDispatcher(String path)
				2. 使用RequestDispatcher对象来进行转发:forward(ServletRequest request, ServletResponse response) 
					protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
				        System.out.println("Demo2");
				        // 跳转到demo4路径执行,但浏览器地址还是当前地址
				        req.getRequestDispatcher("/demo4").forward(req, resp);
				    }
				    
			2. 特点:
				1. 浏览器地址栏路径不发生变化
				2. 只能转发到当前服务器内部资源中。
				3. 转发是一次请求


		3. 共享数据:
			* 域对象:一个有作用范围的对象,可以在范围内共享数据
			* request域:代表一次请求的范围,一般用于请求转发的多个资源中共享数据
			* 方法:
				1. void setAttribute(String name,Object obj):存储数据
				2. Object getAttitude(String name):通过键获取值
				3. void removeAttribute(String name):通过键移除键值对
			在请求转发中,可在请求转发中设置共享数据,然后在转发后的方法体中访问共享数据。

		4. 获取ServletContext:
			* ServletContext getServletContext()

请求响应消息过程示意图:
在这里插入图片描述
Referer的一些作用:
在这里插入图片描述

响应消息:

响应消息:服务器端发送给客户端的数据
	* 数据格式:
		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:服务器告诉客户端本次响应体数据格式以及编码格式
				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对象来共享数据
		
		* forward 和  redirect 区别
			
		* 路径写法:
			1. 路径分类
				1. 相对路径:通过相对路径不可以确定唯一资源
					* 如:./index.html
					* 不以/开头,以.开头路径

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

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

	2. 服务器输出字符数据到浏览器
		* 步骤:
			1. 获取字符输出流PrintWriter pw = response.getWriter();
			2. 输出数据pw.write("");

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

				//简单的形式,设置编码,是在获取流之前设置
       			response.setContentType("text/html;charset=utf-8");
	3. 服务器输出字节数据到浏览器
		* 步骤:
			1. 获取字节输出流resp.getOutputStream();
			2. 输出数据write("hell0".getBytes());里面传入二进制数组

	4. 验证码
		1. 本质:图片
		2. 目的:防止恶意表单注册

ServletContext对象

1. 概念:代表整个web应用,可以和程序的容器(服务器)来通信
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对象范围:所有用户所有请求的数据。谨慎使用!!
	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的编码方式不同

验证码生成

package web;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;


/**
 * 生成验证码,响应给页面
 */
@WebServlet("/checkCodeServlet")
public class CheckCodeServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //1 生成验证码图片
        int width = 100;
        int height = 40;
        //1.1 生成一个图片
        BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);

        //1.2 填充背景色
        Graphics g = image.getGraphics();  //画笔对象
        g.setColor(Color.pink);
        g.fillRect(0, 0, width, height);
        //1.3画边框
        g.setColor(Color.blue);
        g.drawRect(0,0, width-1, height-1);

        //1.4 生成随机字符并写到图片上
        String string = "ABCDEFGHIGKLMNPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
        Random ran = new Random();
        StringBuilder checkCode = new StringBuilder();
        g.setFont(new Font(null, Font.BOLD + Font.ITALIC, 20));
        for (int i = 1; i <= 4; i++) {
            int index = ran.nextInt(string.length()-1);
            char ch = string.charAt(index);
            checkCode.append(ch);
            g.drawString(String.valueOf(ch),width/5*i, height>>1);
        }

        //1.5 画干扰线
        for (int i = 1; i <= 5; 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);
        }

        //将图片输出到页面
        ImageIO.write(image, "jpg", resp.getOutputStream());
    }

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

将验证码应用到html页面,如下一个注册页面,点击验证码则切换。

<!DOCTYPE html>
<html lang="CH">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
            box-sizing: border-box;
        }
        body{
            background: url("./backgroud.jpg") no-repeat center;
            padding-top: 25px;
        }
        table{
            margin:auto;  /*居中*/
            margin-top: 40px;
            width: 40%;
            height: 100%;
            background: azure;
            /*border: gray solid 5px;*/
        }
        .td_left{
            width: 150px;
            height: 45px;
            text-align: right;
            /*border: crimson solid 1px;*/
        }
        .td_right{
            width: 250px;
            height: 45px;
            text-align: left;
            /*border: crimson solid 1px;*/
        }
        .submit{
            text-align: center;
            height: 45px;
            /*border: crimson solid 1px;*/
        }
        #password,#name,#username,#tel,#email,#sex{
            margin-left: 50px;
            width: 200px;
            height: 25px;
            border-radius: 5px;
            horiz-align: center;
        }
        #checkImg{
            margin-left: 50px;
            margin-top: 10px;
            margin-bottom: 10px;
            width: 200px;
            height: 25px;
            border-radius: 5px;
            horiz-align: center;
        }
        #img_checkCode{
            float: right;
            width: 100px;
            height: 35px;
            margin-bottom: 5px;
            margin-top: 5px;
            margin-right: 100px;

        }
        #submit{
            width: 40px;
            height: 25px;
            border-radius: 5px;
        }
        
    </style>
</head>
<body>
<div class="main-border">
    <form action="/login/registerServlet" method="post">
        <table>
            <tr>
                <td class="td_left">姓名</td>
                <td class="td_right"><input type="text" name="name" placeholder="请输入姓名" id="name" required></td>
            </tr>

            <tr>
                <td class="td_left">姓别</td>
                <td class="td_right">
                    <span id="sex"></span>
                    <input type="radio" name="sex" value="male">
                    <span></span>
                    <input type="radio" name="sex" value="female" >
                </td>
            </tr>

            <tr>
                <td class="td_left">用户名</td>
                <td class="td_right"><input type="text" name="username" placeholder="请输入用户名" id="username" required></td>
            </tr>

            <tr>
                <td class="td_left">密码</td>
                <td class="td_right"><input type="password" placeholder="请输入密码" name="password" id="password" required></td>
            </tr>

            <tr>
                <td class="td_left">电话号码</td>
                <td class="td_right"><input type="number" name="tel" id="tel" required></td>
            </tr>

            <tr>
                <td class="td_left">电子邮箱</td>
                <td class="td_right"><input type="email" name="email" id="email" required></td>
            </tr>

            <tr>
                <td class="td_left">验证码</td>
                <td class="td_right">
                    <input type="text" name="checkImg" id="checkImg" required>
                    <img src="/login/checkCodeServlet" id="img_checkCode">
                </td>
            </tr>

            <tr>
                <td class="submit" colspan="2"><input type="submit" value="注册" id="submit"></td>
            </tr>
        </table>
    </form>
</div>

<script>
    /**
     * 验证码点击切换
     */
    window.onload = function () {
        //1 获取图片对象
        var img = document.getElementById("img_checkCode");
        // 2绑定单击事件
        img.onclick = function () {
            //加时间戳
            var date = new Date().getTime();
            //由于浏览器本地缓存的原因,图片名没有变,请求后还是那个图片,故浏览器还是加载原来的图。
            //故在后面加一个参数欺骗服务器,但要保证多次点击不重复,参数用时间戳。
            img.src = "/login/checkCodeServlet?"+date;
        }
    }
    
</script>
</body>
</html>

文件下载弹框实现。
定义一个页面,页面中定义超链接,链接到下载资源代码;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>下载1</title>
</head>
<body>
<a href="/login/downloadServlet?filename=background.jpg">下载background.jpg</a>
</body>
</html>
package web;

import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.FileInputStream;
import java.io.IOException;

@WebServlet("/downloadServlet")
public class DownloadServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //1. 获取请求参数,文件名称
        String filename = req.getParameter("filename");
        //2. 使用字节输入流加载进内存
        //2.1 找到文件服务器地址
        ServletContext servletContext = this.getServletContext();
        String realPath = servletContext.getRealPath("/img/" + filename);  //图片放在web/img/下
        //2.2 用字节流关联
        FileInputStream fileInputStream = new FileInputStream(realPath);

        //3 设置response的响应头
        String mimeType = servletContext.getMimeType(filename);
        resp.setHeader("content-type", mimeType);
        resp.setHeader("content-disposition", "attachment;filename="+filename);

        //4 将输入流数据写出到输出流
        ServletOutputStream outputStream = resp.getOutputStream();
        byte[] ins = new byte[1024*8];
        int len;
        while((len=fileInputStream.read(ins))!=-1){
            outputStream.write(ins,0, len);
        }
        fileInputStream.close();
    }

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        this.doPost(req, resp);
    }
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章