Request和Response-学习笔记04【response之输出数据、response之验证码】

• Java后端 学习路线 笔记汇总表【黑马程序员】

1. Request和Response-学习笔记01【Request_原理和继承体系、Request_获取请求数据】【day01】
2. Request和Response-学习笔记02【请求转发和request共享数据、Request_获取ServletContext、request登录案例】[day01]
3. Request和Response-学习笔记03【HTTP响应协议、response之重定向、response之相对路径和绝对路径】【day02】
4. Request和Response-学习笔记04【response之输出数据、response之验证码】【day02】
5. Request和Response-学习笔记05【ServletContext对象、文件下载】【day02】

目录

09 response之输出数据

Response_案例2_输出字符数

Response_案例3_输出字节数

10 response之验证码

Response_案例4_验证码_分析

Response_案例4_验证码_代码

Response_案例4_验证码_点击

09 response之输出数据

Response_案例2_输出字符数

Response 对象 * 案例：
    1. 完成重定向
    2. 服务器输出字符数据到浏览器
        * 步骤：
            1. 获取字符输出流（流向客户端浏览器）
            2. 输出数据
        * 注意：
            * 乱码问题：
                1. PrintWriter pw = response.getWriter();获取的流的默认编码是ISO-8859-1
                2. 设置该流的默认编码
                3. 告诉浏览器响应体使用的编码
                //简单的形式，设置编码，是在获取流之前设置
                response.setContentType("text/html;charset=utf-8");

  

   

    

     

    
    

     

      package cn.itcast.web.servlet;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      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;
     
    
   

    

     

    
    

     

      import java.io.PrintWriter;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      @WebServlet("/responseDemo4")
     
    
   

    

     

    
    

     

      public 
      class ResponseDemo4 extends HttpServlet {
     
    
   

    

     

    
    

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

    

     

    
    

     
        
      //获取流对象之前，设置流的默认编码：ISO-8859-1 设置为：GBK
     
    
   

    

     

    
    

     
        
      //response.setCharacterEncoding("utf-8");
     
    
   

    

     

    
    

     
        
      //告诉浏览器，服务器发送的消息体数据的编码。建议浏览器使用该编码解码
     
    
   

    

     

    
    

     
        
      //response.setHeader("content-type","text/html;charset=utf-8");
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
        
      //简单的形式，设置编码
     
    
   

    

     

    
    

     

              response.setContentType(
      "text/html;charset=utf-8");
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
        
      //1.获取字符输出流
     
    
   

    

     

    
    

     

              PrintWriter pw = response.getWriter();
     
    
   

    

     

    
    

     
        
      //2.输出数据
     
    
   

    

     

    
    

     
        
      //pw.write("<h1>hello response</h1>");
     
    
   

    

     

    
    

     

              pw.write(
      "你好啊啊啊 response");
     
    
   

    

     

    
    

     

          }
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
    
      protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
     
    
   

    

     

    
    

     
        
      this.doPost(request, response);
     
    
   

    

     

    
    

     

          }
     
    
   

    

     

    
    

     

      }
     
    
  

Response_案例3_输出字节数

Response 对象 * 案例：
    1. 完成重定向
    2. 服务器输出字符数据到浏览器
    3. 服务器输出字节数据到浏览器
        * 步骤：
            1. 获取字节输出流
            2. 输出数据
    4. 验证码

10 response之验证码

Response_案例4_验证码_分析

Response 对象 * 案例：
    1. 完成重定向
    2. 服务器输出字符数据到浏览器
    3. 服务器输出字节数据到浏览器
    4. 验证码
        1. 本质：图片
        2. 目的：防止恶意表单注册

Response_案例4_验证码_代码

  

   

    

     

    
    

     

      package cn.itcast.web.servlet;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      import javax.imageio.ImageIO;
     
    
   

    

     

    
    

     

      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.awt.*;
     
    
   

    

     

    
    

     

      import java.awt.image.BufferedImage;
     
    
   

    

     

    
    

     

      import java.io.IOException;
     
    
   

    

     

    
    

     

      import java.util.Random;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      @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); 
      // 从(0,0)开始填充
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
        
      //2.2画边框
     
    
   

    

     

    
    

     

              g.setColor(Color.BLUE);
     
    
   

    

     

    
    

     

              g.drawRect(
      0, 
      0, width - 
      1, height - 
      1);
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

              String str = 
      "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghigklmnopqrstuvwxyz0123456789";
     
    
   

    

     

    
    

     
        
      //生成随机角标
     
    
   

    

     

    
    

     

              Random ran = 
      new Random();
     
    
   

    

     

    
    

     
        
      for (
      int i = 
      1; i <= 
      4; i++) {
     
    
   

    

     

    
    

     
            
      int index = ran.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 < 
      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);
     
    
   

    

     

    
    

     

          }
     
    
   

    

     

    
    

     

      }
     
    
  

Response_案例4_验证码_点击

分析：
    点击超链接或者图片，需要换一张
    1.给超链接和图片绑定单击事件
    2.重新设置图片的src属性值

  

   

    

     

    
    

     

      <!DOCTYPE html>
     
    
   

    

     

    
    

     

      <html lang="en">
     
    
   

    

     

    
    

     

      <head>
     
    
   

    

     

    
    

     
    
      <meta charset="UTF-8">
     
    
   

    

     

    
    

     
    
      <title>验证码图片
      </title>
     
    
   

    

     

    
    

     
    
      <script>
      
     
    
   

    

     

    
    

     
        
      window.onload = 
      function () {
     
    
   

    

     

    
    

     
            
      //1.获取图片对象
     
    
   

    

     

    
    

     
            
      var img = 
      document.getElementById(
      "checkCode");
     
    
   

    

     

    
    

     
            
      //2.绑定单击事件
     
    
   

    

     

    
    

     

                  img.onclick = 
      function () {
     
    
   

    

     

    
    

     
                
      //加时间戳
     
    
   

    

     

    
    

     
                
      var date = 
      new 
      Date().getTime();
     
    
   

    

     

    
    

     

                      img.src = 
      "/day15/checkCodeServlet?" + date;
     
    
   

    

     

    
    

     

                  }
     
    
   

    

     

    
    

     

              }
     
    
   

    

     

    
    

     
    
      </script>
     
    
   

    

     

    
    

     

      </head>
     
    
   

    

     

    
    

     

      <body>
     
    
   

    

     

    
    

     
    
      <img id="checkCode" src="/day15/checkCodeServlet"/>
     
    
   

    

     

    
    

     
    
      <a id="change" href="">看不清？换一张！
      </a>
     
    
   

    

     

    
    

     

      </body>
     
    
   

    

     

    
    

     

      </html>
     
    
  

加油~~~