HTTP协议响应消息及Response对象以及Java验证码的案例

HTTP协议:

  1. 请求消息:客户端发送给服务器端的数据
    1. 数据格式:
      1. 请求行
      2. 请求头
      3. 请求空行
      4. 请求体
  2. 响应消息:服务器端发送给客户端的数据
    1. 数据格式:

      1. 响应行
        1. 组成:协议/版本 响应状态码 状态码描述
        2. 响应状态码:服务器告诉客户端浏览器,本次请求响应的状态
          • 状态码都是三位数字

          • 分类:

            1. 1xx:服务器接收客户端消息,但没有接受完成,等待一段时间后,发送1xx多代码
            2. 2xx:成功。代表:200
            3. 3xx:重定向。代表:302(重定向),304(访问缓存)
            4. 4xx:客户端错误。代表:404(请求路径错误),405(请求方式没有对应的doGet或者doPost方法)
            5. 5xx:服务器端错误。代表:500(服务器内部出现异常)

            重定向:浏览器访问A资源,A资源说B资源能干这件事,返回了302和B资源的路径,于是浏览器就会拿着B资源的路径去访问了
            访问缓存:浏览器在访问图片的时候比较麻烦,所以在第一次访问一个图片的时候会在内部缓存起来,之后再次访问的时候,图片会传一个304,说你已经缓存过了,直接访问本地的就行。

      2. 响应头
        1. 格式:头名称:值
        2. 常见的响应头:
          1. Content-Type:服务器告诉客户端本次响应体的数据格式以及编码格式
          2. Content-disposition:服务器告诉客户端以什么格式打开响应体数据
            1. 值:
              1. in-line:默认值,在当前页面内打开
              2. attachment;filename=xxx:以附件形式打开响应体。文件下载
        3. 响应空行
        4. 响应体:传输的数据
    2. 响应字符串格式

      		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>
      		  $END$
      		  </body>
      		</html>
      

Response对象

  • 功能:设置响应消息

    1. 设置相应行
      1. 格式:HTTP/1.1 200 ok
      2. 设置状态码:setStatus(int src)
    2. 设置响应头:setHeader(String name,String value)
    3. 设置响应体
      • 使用步骤:
      1. 获取输出流
        • 字符输出流:PrintWriter getWriter()
        • 字节输出流:ServletOutputStream getOutputStream()
      2. 使用输出流,将数据输出到客户端浏览器
  • 案例:

    1. 完成重定向

      • 重定向:资源跳转的一种方式
      • 代码实现:有两个类
      package test1;
      
      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.io.IOException;
      
      @WebServlet("/ResponseDemo1")
      public class ResponseDemo1 extends HttpServlet {
          @Override
          protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
              System.out.println("demo1......");
              resp.setStatus(302);  //将状态码设置为302,重定向
              resp.setHeader("location","/day15test/ResponseDemo2");  //将头信息location的路径改为要定向到的路径
          }
      
          @Override
          protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
              this.doPost(req,resp);
          }
      }
      
      package test1;
      
      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.io.IOException;
      
      @WebServlet("/ResponseDemo2")
      public class ResponseDemo2 extends HttpServlet {
          @Override
          protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
              System.out.println("demo2......");
          }
      
          @Override
          protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
              this.doPost(req,resp);
          }
      }
      

      然后我们就会发现重定向都需要将状态码改为302,也需要修改location,于是就有了sendRedirect()方法,这个方法可以将状态码自动设置好,只需要传入一个字符串—>URL就可以。
      // resp.sendRedirect("/day15test/RequestDemo2");
      day15test为虚拟目录

      1. 重定向特点:redirect(重定向)

        • 地址栏发生变化
        • 可以访问其它站点资源,百度,火狐啥的都能访问
        • 重定向是两次请求,不能使用request对象来共享数据
      2. 转发特点:forward(转发)

        • 地址栏不发生变化
        • 只能访问当前服务器下的资源
        • 转发是一次请求,可以使用request对象共享数据
      3. 路径的写法

        • 路径分类
          • 绝对路径:通过绝对路径可以确定唯一资源
            • 如:http://localhost/day15/responseDemo2
            • 以/开头的路径
            • 规则:判断定义的路径是给谁用的?判断请求将来从哪发出
              • 给客户端浏览器使用:需要加虚拟目录 //比如重定向、<a>、<form>等。
                • 建议虚拟目录动态获取:request.getContextPath() //当我们虚拟目录改了,那么代码上的虚拟目录就都要跟着改,这样太麻烦,所以需要动态获取。
              • 给服务器使用:不需要加虚拟目录 //比如转发
          • 相对路径:通过相对路径不可以确定唯一资源
            • 如:./index.html
            • 不以/开头,以点开头
            • 规则:找到当前资源与目标资源之间的相对位置关系
              • 点/:代表当前路径
              • 点点/:代表后退一级目录
    2. 服务器输出字符数据到浏览器

      • 步骤:
        • 获取字符输出流
        • 输出数据
      • 注意:
        • 乱码问题:产生的原因是编码和解码不一致
          在获取流之前设置编码的一种方式:
          response.setContentType(“text/html;charset=utf-8”);
    3. 服务器输出字节数据到浏览器

      • 步骤:
        • 获取字节输出流:ServletOutPutStream sos = response.getOutputStream();
        • 输出数据:sos.write(“hello”.getBytes);
        • 设置编码方式:response.setContentType(“text/html;charset=utf-8”);

    4. 验证码

    package test1;
    
    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("/checkcode")
    public class CheckCodeServlet extends HttpServlet {
    
        @Override
        protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            int width = 100;
            int height = 50;
            //1.创建一对象,在内存中画图(验证码图片对象)
            BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
    
            //2. 美化图片
            //2.1 填充背景色
            Graphics graphics = image.getGraphics();  //画笔对象
            graphics.setColor(Color.BLUE);  //设置画笔颜色
            graphics.fillRect(0, 0, width, height);
    
            //2.2 画边框
            graphics.setColor(Color.PINK);
            graphics.drawRect(0, 0, width - 1, height - 1);
    
            String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890";
    
            //生成随机角标
            Random random = new Random();
            for (int i = 1; i <= 4; i++) {
                int index = random.nextInt(str.length());
                //获取字符
                char ch = str.charAt(index); //随机字符
                //2.3 写验证码
                graphics.drawString(ch + "", width / 5 * i, height / 2);
            }
    
            //2.4 画干扰线
            graphics.setColor(Color.green);
    
            for (int i = 0; i < 10; i++) {
                int x1 = random.nextInt(width);
                int x2 = random.nextInt(width);
    
                int y1 = random.nextInt(height);
                int y2 = random.nextInt(height);
                graphics.drawLine(x1, y1, x2, y2);
            }
    
            //3. 将图片输出到页面展示
            ImageIO.write(image, "jpg", resp.getOutputStream());
    
        }
    
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            this.doPost(req, resp);
        }
    }
    

    4.1 验证码通常都会和html页面结合,都有刷新这一项功能,下面加上刷新的功能并与html结合起来

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        
        <script>
            /*
            点击超链接和图片,都需要换一张
            //1. 给图片和超链接绑定单击事件
            //2. 重新设置图片的src属性
             */
            window.onload = function () {
                //获取图片对象
                var image = document.getElementById("checkcode");
    
                //绑定单击事件
                image.onclick = function () {
                    var data = new Date().getTime();
                    //这里的问号是向浏览器表明图片的链接发生了变化,图片需要刷新
                    image.src = "/day15test/checkcode?" + data;
                }
            }
    
        </script>
    
    </head>
    <body>
    	<img id="checkcode" src="/day15test/checkcode"/>
    	<a id="change" href="">看不清,换一张</a>
    </body>
    </html>
    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值