03_13_JavaWeb||day15_Response||day15_Response

今日内容

1. HTTP协议:响应消息
2. Response对象
3. ServletContext对象

1. HTTP协议:

  1. 请求消息:客户端发送给服务器端的数据
    • 数据格式:
      1. 请求行
      2. 请求头
      3. 请求空行
      4. 请求体
  2. 响应消息:服务器端发送给客户端的数据
    • 数据格式:
      1. 响应行
        1. 组成:协议/版本 响应状态码 状态码描述
              HTTP/1.1 200 OK
          
        2. 响应状态码【重点】:服务器告诉客户端浏览器本次请求和响应的一个状态。也称为:HTTP状态码
          1. 状态码都是3位数字
          2. 分类:
            1. 1xx【了解】:服务器接收客户端消息,但没有接受完成,等待一段时间后,发送1xx多状态码(++简单理解:就是客户端发送消息给服务器端,发了一半就不发了,服务器就向客户端发送了1xx状态++)
            2. 2xx【了解】:成功。++代表:200++
            3. 3xx【了解】:重定向。代表:++302(重定向),304(访问缓存)++
              • 302(重定向)
              • 304(访问缓存)
            4. 4xx【重要】客户端错误
              • 代表:
                • 404(请求路径没有对应的资源)
                • 405:请求方式没有对应的doXxx方法
                  • 比如请求的是GET,但是没有写doGet方法
            5. 5xx【重要】服务器端错误
              • 代表:500(服务器内部出现异常)
      2. 响应头:
        1. 格式:头名称: 值
        2. 常见的响应头:
          1. Content-Type:服务器告诉客户端本次响应体数据格式以及编码格式
            • 浏览器会识别编码格式自动更改(就算你代码里写的GBK)
                Content-Type: text/html;charset=UTF-8
                //text/html表示:响应体是文本内容,并且是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内容)
      	<html>
      	  <head>
      	    <title>$Title$</title>
      	  </head>
      	  <body>
      	  hello , response
      	  </body>
      	</html>
      

2. Response对象

  1. 功能:设置响应消息
    1. 设置响应行
      1. 格式:HTTP/1.1 200 ok
      2. 设置状态码setStatus(int sc)
    2. 设置响应头:setHeader(String name, String value)
          resp.setHeader("content-type", "text/html:charset=utf-8");
          //告诉浏览器我使用的utf-8
      
    3. 设置响应体:
      • 使用步骤:
        1. 获取输出流
          • 字符输出流:PrintWriter getWriter()
          • 字节输出流:ServletOutputStream getOutputStream()
        2. 使用输出流,将数据输出到客户端浏览器
  2. 案例:
    1. 案例一、完成重定向【常用】
      1. 重定向:资源跳转的方式【*】
      2. 代码实现:
            //实现:访问responsesDemo1,会自动跳到responseDemo2资源
            //1.基本方式(了解)
            //1. 设置状态码:302
            resp.setStatus(302);
            //2. 设置响应头location
            resp.setHeader("location", "/day15/responseDemo2");
        
            //2.由于302,location固定,所以下面为简写
            //简单的重定向方法
            resp.sendRedirect("/day15/responseDemo2");
        
        • 重点掌握resp.sendRedirect(“跳转路径”);方法
      3. 注意【重点掌握】
        1. forward 和 redirect 区别【重点笔试题】
          • 转发的特点:forward
            1. 转发地址栏路径不变
            2. 转发只能访问当前服务器下的资源
            3. 转发是一次请求,可以使用request对象来共享数据
                  //responseDemo1中
                  req.setAttribute("msg", "response");
                  
                  //responseDemo2中
                  Object msg = req.getAttribute("msg");
                  System.out.println(msg);    //response获取到了,因为在同一个response共享域中
              
          • 重定向的特点:redirect
            1. 地址栏发生变化
            2. 重定向可以访问其他站点(服务器)的资源
              • 比如写一个百度的网址,就可以跳转过去,但是forward不行只能在当前服务器下的资源
                  //resp.sendRedirect("/day15/responseDemo2");
                  resp.sendRedirect("http://baidu.com");
              
            3. 重定向是两次请求。不能使用request对象来共享数据
                  //responseDemo1中
                  req.setAttribute("msg", "response");
                  
                  //responseDemo2中
                  Object msg = req.getAttribute("msg");
                  System.out.println(msg);    //获取不到,为null
              
        2. 路径写法【重点掌握】
          1. 路径分类
            1. 相对路径:通过相对路径不可以确定唯一资源(JSP不推荐使用相对路径)
                  如:./index.html
              
              • 不以/开头,以.开头路径,称为相对路径
              • 规则:找到当前资源和目标资源之间的相对位置关系
                • ./:当前目录(不写默认为./)
                      <body>
                      <h1>找到当前资源和目标资源之间的相对位置关系</h1>
                      <p>
                          当前资源
                          http://localhost/day15/location.html
                      </p>
                      <p>
                          目标资源
                          http://localhost/day15/responseDemo2
                      </p>
                      <a href="./responseDemo2">
                          responseDemo2
                      </a>
                      </body>
                  
                • …/:后退一级目录
                      <body>
                      <h1>找到当前资源和目标资源之间的相对位置关系</h1>
                      <p>
                          当前资源
                          http://localhost/day15/htmls/location2.html
                      </p>
                      <p>
                          目标资源
                          http://localhost/day15/responseDemo2
                      </p>
                      <a href="../responseDemo2">
                          responseDemo2
                      </a>
                      </body>
                  
            2. 绝对路径:通过绝对路径可以确定唯一资源
                  如:http://localhost/day15/responseDemo2
                  简写:/day15/responseDemo2
              
              • 以/开头的路径,称为绝对路径
              • 规则:判断定义的路径是给谁用的?判断请求将来从哪儿发出
                • 给客户端浏览器使用(比如:页面中跳转到某一资源(a标签,form表单),重定向…)需要加虚拟目录==(项目的访问路径这里是day15(一般在tomcat中做修改))==
                      //页面中跳转到某一资源
                      <h1>绝对路径</h1>
                      <a href="/day15/responseDemo2">
                          responseDemo2
                      </a>
                      
                      //重定向
                      resp.sendRedirect("/day15/responseDemo2");
                  
                  • 注:虚拟目录项目中一修改,类中每一个都需要做需要,所以建议写成动态获取的。request.getContextPath()
                        //动态获取虚拟目录
                        String contextPath = req.getContextPath();
                        //简单的重定向方法
                        resp.sendRedirect(contextPath + "/responseDemo2");
                    
                • 给服务器使用(比如:转发路径…)不需要加虚拟目录
                  • 转发路径
                    req.getRequestDispatcher("/requestDemo2").forward(req, resp);
                  
                • 为什么客户端需要加,服务器端不需要加
                  • 因为服务器是外卖小哥直接进了一班喊张三名字,不需要加一班还是二班(内部请求);客户端就是外卖小哥在过道喊张三的名字,需要加一班还是二班。
    2. 案例二、服务器输出字符数据到浏览器【常用】
      1. 步骤:
        1. 获取字符输出流
        2. 输出数据
        • 例子:输出英文在浏览器中,响应体中体现(会自动解析标签比如)
          //1. 获取字符输出流
          PrintWriter pw = resp.getWriter();
          //2. 输出数据(resp使用完会自动销毁,所以不用担心)
          pw.write("<h1>hello response</h1>");
          
      2. 注意:
        • 乱码问题:
          1. PrintWriter pw = response.getWriter();获取的流的默认编码是ISO-8859-1
          2. 设置该流的默认编码
          3. 告诉浏览器响应体使用的编码
            • 简单的形式,设置编码,是在获取流之前设置【掌握这句话就行】
            • response.setContentType(“text/html;charset=utf-8”);
        • 例子:
              //获取流对象之前,设置流的默认编码:ISO-8859-1改为utf-8(前提是我知道是utf-8)
              //resp.setCharacterEncoding("utf-8");   //下面一行代替了
          
              //上面在不知道的情况就还是会乱码,所以:
              //告诉浏览器,服务器发送的消息体数据的编码。建议浏览器使用该编码解码
              //设置流的编码,还告诉了客户端编码格式
              //resp.setHeader("content-type", "text/html;charset=utf-8");
          
              //简单的形式,设置编码
              resp.setContentType("text/html;charset=utf-8");
          
              //1. 获取字符输出流
              PrintWriter pw = resp.getWriter();
              //2. 输出数据(resp使用完会自动销毁,所以不用担心)
              pw.write("<h1>你好 response</h1>");
          
    3. 案例三、服务器输出字节数据到浏览器【常用】
      • 步骤:
        1. 获取字节输出流
        2. 输出数据
      • 例子:
            //设置编码,是在获取流之前设置
            resp.setContentType("text/html;charset=utf-8");
        
            //1. 获取字节输出流
            ServletOutputStream sos = resp.getOutputStream();
            //2. 输出数据(字符串要改为字节:getBytes())
            sos.write("你好".getBytes("utf-8"));
        
        • 输出数据(字符串要改为字节:getBytes())
    4. 案例四、验证码【了解:实际开发中百度找好看的】
      1. 本质:图片
      2. 目的:防止恶意表单注册(简单说:就是while语句一直往数据库恶意添加用户)
      3. 步骤:
        1. 创建一个对象,在内存中图片(验证码图片对象)
        2. 美化图片
        3. 将图片输出到页面展示
      4. 创建验证码的代码实现【了解】:
            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();
            for (int i = 1; i <= 4; i++) {
                //生成随机角标
                int index = random.nextInt(str.length());
                //获取字符
                char ch = str.charAt(index);//随机字符
        
                //2.3 写验证码
                g.drawString(ch+"", width/5*i, height/2);
            }
            //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());
        
      5. 验证码点击切换的代码实现:html
        • 时间戳(简单说:就是图片进浏览器就缓存好了,不会变了,所以需要一个一直变得无意义参数)
        • 链接src最后面加问号可以接参数,但是问号必须写
            <body>
        
                <img id="checkCode" src="/day15/checkCodeServlet" />
            
                <a id="change" href="">看不清换一张</a>
            
                <script>
                    /*
                        分析:点击超链接或者图片,更换一张
                            1. 给超链接和图片绑定单击事件
                            2. 重写设置图片的src属性值
                     */
                /*window.onload = function () {//网页加载完毕后立刻执行的操作
                    //1. 获取图片
                    var img = document.getElementById("checkCode");
                    //2. 绑定单击事件
                    img.onclick = function () {
                        //加时间戳(简单说:就是图片进浏览器就缓存好了,不会变了,所以需要一个一直变得无意义参数)
                        var date = new Date().getTime();
                        img.src = "/day15/checkCodeServlet?"+date;
                    }
                }*/
                window.onload = function () {
                    //1. 获取超链接
                    var hre = document.getElementById("change");
                    //2. 绑定单击事件
                    hre.onclick = function () {
                        //时间戳(简单说:就是图片进浏览器就缓存好了,不会变了,所以需要一个一直变得无意义参数)
                        var date = new Date().getTime();
                        hre.src = "/day15/checkCodeServlet?"+date;
                    }
                }
            
                </script>
            </body>
        

3. ServletContext对象:

  1. 概念:代表整个web应用,可以和==程序的容器(服务器:tomcat)==来通信
  2. 获取:(两种获取都一样,用哪个都行)
    1. ++通过request对象获取++
      • request.getServletContext();
    2. 通过HttpServlet获取
      • this.getServletContext();
    • 案例:
          //ServletContext对象的获取
          //1. 通过request对象获取
          ServletContext context1 = req.getServletContext();
          //2. 通过HttpServlet获取
          ServletContext context2 = this.getServletContext();
          
          System.out.println(context1 == context2);   //true
      
  3. 功能:
    1. 获取MIME类型【重点掌握】:(以后要去发送数据,要获取发送数据类类型,来进行解析多用在XML文件中)
      • MIME类型:在互联网通信过程中定义的一种文件数据类型【一种标准】
        • 格式: 大类型/小类型
          • 如:纯文本:text/html,图片的:image/jpeg
      • 获取:String getMimeType(String file)
      • 案例:获取a.jpg的MIME类型
            //ServletContext对象的获取
            //1. 通过HttpServlet获取
            ServletContext context = this.getServletContext();
            //2. 定义文件名称(后面我们是通过动态获取的)
            String filename = "a.jpg";
            //3. 获取MIME类型
            String mimeType = context.getMimeType(filename);
            System.out.println(mimeType);   //image/jpeg
        
    2. 域对象:共享数据(就和request域对象一样,但是不是同一个东西,这里的范围更大)
      1. setAttribute(String name,Object value)
      2. getAttribute(String name)
      3. removeAttribute(String name)
      • ServletContext对象范围【*】:所有用户所有请求的数据
            //demo3中
            //1. 通过HttpServlet获取
            ServletContext context = this.getServletContext();
            //2. 设置数据
            context.setAttribute("msg", "haha");
            
            //两者之间没有:转发,重定向,资源跳转等
            比如request域的转发请求:req.getRequestDispatcher("/requestDemo9").forward(req, resp);
            
            //demo4中
            //1. 通过HttpServlet获取
            ServletContext context = this.getServletContext();
            //2. 获取数据
            Object msg = context.getAttribute("msg");
            System.out.println(msg);    //haha
        
        • 两者之间不需要用:转发,重定向,资源跳转等
        • 使用必须谨慎,因为所有的用户都可以访问该数据
    3. 获取文件的真实(服务器:tomcat)路径【重点掌握】
      1. 方法:String getRealPath(String path)
        • 注:创建配置文件的三个位置
          • src下
            • 这个文件下的东西都会被放到WEB-INF/classes中
          • web下
          • web下WEB-INF中
           //1. 先获取ServletContext对象
           ServletContext context = this.getServletContext();
           //2. 获取项目的真实路径
           String realPath = context.getRealPath("day15_response");
           System.out.println(realPath);
           
           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);
        
    • 注:++启动项目的tomcat后,CATALINA_BASE后面跟的目录,进去后找conf,就是配置文件所在位置++

3. 综合案例:任意文件的下载(图片,视频等)

  1. 文件下载需求:
    1. 页面显示超链接
    2. 点击超链接后弹出下载提示框
      • 图片浏览器可以解析,所以直接展示了,只有像视频呢种解析不了的就会弹出下载提示窗口。
    3. 完成图片文件下载
  2. 分析:
    1. 超链接指向的资源如果能够被浏览器解析,则在浏览器中展示,如果不能解析,则弹出下载提示框。不满足需求
    2. 任何资源都必须弹出下载提示框
    3. 使用响应头设置资源的打开方式:(这样图片就也弹出下载提示框了)
      • content-disposition:attachment;filename=xxx
        • content-disposition是响应头
        • attachment是值
        • filename=xxx是传递资源的名称
  3. 步骤:
    1. 定义页面,编辑超链接href属性,指向Servlet,传递资源名称filename
          <a href="/day15/downLoadServlet?filename=1.jpg">图片1</a>
      
    2. 定义Servlet
      1. 获取请求参数,文件名称
      2. 使用字节输入流加载文件进内存
        • 这里涉及到真实(服务器)路径
      3. 指定response的响应头
        • content-disposition:attachment;filename=xxx
      4. 将数据写出到response输出流
    3. 代码实现:
          //1. 获取请求参数,文件名称
      
          String filename = req.getParameter("filename"); //1.jpg
          //2. 使用==字节输入流==加载文件进内存
          //2.1 找到文件真实(服务器tomcat)路径
          //2.2.1 先获取ServletContext对象
          ServletContext context = this.getServletContext();
          //2.2.2 获取web/img中文件的真实(服务器)路径
          String realPath = context.getRealPath("/img/" + filename);
      
          //2.2 用字节流关联(相当于文件读进内存了,后面写出到resp就可以了)
          FileInputStream fis = new FileInputStream(realPath);
      
          //3. 设置response响应头
          //3.1 设置响应头类型:content-type
          String mimeType = context.getMimeType(filename);    //获取文件的mime类型
          resp.setHeader("content-type", mimeType);
      
          //3.2 设置响应头打开方式:content-disposition
          resp.setHeader("content-disposition", "attachment;filename=" + filename);
      
          //4. 将输入流的数据写出到输出流中
          ServletOutputStream sos = resp.getOutputStream();//服务器输出字节数据到浏览器
          byte[] buff = new byte[1024 * 8];
          int len = 0;
          while ((len=fis.read()) != -1){ //!= -1表示没有读到末尾
              sos.write(buff, 0, len);
          }
      
          fis.close();    //释放资源,sos不需要释放,因为resp响应完自动关闭
      
  4. 问题:
    • 中文文件问题
      • 解决思路:
        1. 获取客户端使用的浏览器版本信息
        2. 根据不同的版本信息,响应不同的数据(设置filename的编码方式不同
          • 这是一个工具类不需要记忆
      • 工具类:
            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")) {
                    // 火狐浏览器
                    BASE64Encoder base64Encoder = new BASE64Encoder();
                    filename = "=?utf-8?B?" + base64Encoder.encode(filename.getBytes("utf-8")) + "?=";
                } else {
                    // 其它浏览器
                    filename = URLEncoder.encode(filename, "utf-8");
                }
                return filename;
            }
        
      • 对上面代码的修改:放在3.1的后面
            //衍生:解决中文文件名问题
            //1.获取user-agent请求头
            String agent = resp.getHeader("user-agent");
            //2.使用工具类方法编码文件名即可
            filename = DownLoadUtils.getFileName(agent, filename);  //从新对filename赋值
        
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

狂野小白兔

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值