前言

该技术博客是我的学习笔记，自我总结并非复制粘贴。

学会Request请求，吃透这篇足够

一、Response功能介绍

  1. 功能：设置响应消息
  2.     1.设置响应行
  3.         1.格式：HTTP/1.1 200 ok
  4.         2.设置状态码：setStatus(int sc)
  5.     2.设置响应头：setHeader(String name,String value)
  7.     3.设置响应体：
  8.         使用步骤：
  9.             1.获取输出流
  10.                 字符输出流：PrintWriter getWriter()
  11.                 字节输出流：ServletOutputStream getOutputStream()
  12.             2.使用输出流，将数据输出到客户端浏览器中
  14. 123456789101112

二、案例步骤：

  1. 1.完成重定向
  2.     重定向：资源跳转的方式
  3.     代码实现：
  4.         //1.设置状态码为302
  5.         response.setStatus(302);
  6.         //2.设置响应头location
  7.         response.setHeader("location","/day15/responseDemo2");
  9.         //简单的重定向方法
  10.         response.sendRedirect("/day15/responseDemo2");
  12.     重定向的特点：redirect
  13.         1.地址栏发生变化
  14.         2.重定向可以访问其他站点（服务器）的资源
  15.         3.重定向是两次请求，不能使用request对象来共享数据
  16.     转发的特点：forward
  17.         1.转发地址栏路径不变
  18.         2.转发只能访问当前服务器下的资源
  19.         3.转发是一次请求，可以使用request对象共享数据
  20.     路径写法:
  21.         1.路径分类
  22.             1.相对路径：通过相对路径不可以确定唯一资源
  23.                 如：./index.html
  24.                 不以/开头，以.开头的路径
  26.                 规则：确定访问的当前资源和目标资源之间的相对位置关系
  27.                     ./：表示当前目录
  28.                     ../：后退一级目录
  29.             2.绝对路径：通过绝对路径可以确定唯一资源
  30.                 如：http://localhost/day15/responseDemo2
  31.                 以/开头的路径
  33.                 规则：判断定义的路径是给谁用的？判断请求将来从哪发出
  34.                     给客户端浏览器使用：需要加虚拟目录（项目的访问路径）
  35.                         介意虚拟目录动态获取：request.getContextPath()
  36.                     给服务器使用：不需要加虚拟目录
  37.                         转发路径
  39. 2.服务器输出字符数据到浏览器
  40.     步骤：
  41.         1.获取字符输出流
  42.         2.输出数据
  43.     注意：
  44.         乱码问题：
  45.             1.PrintWriter pw = response.getWriter();获取的流的默认编码是ISO-88859-1
  46.             2.设置该的默认编码
  47.             3.告诉浏览器响应体使用的编码
  49.         //简单的形式，设置编码，是在获取流之前设置
  50.         response.setContentType("text/html;Charset=utf-8");
  52. 3.服务器输出字节数据到浏览器    
  53.     步骤：
  54.           1.获取字节输出流
  55.         2.输出数据
  57. 4.验证码
  58.     1.本质：图片
  59.     2.目的：放置恶意表单注册
  61. 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859

三、案例1：重定向代码实现

重定向图解：红线表示的就是重定向
Response - 图1代码实现：

  1. package cn.itcast.web.servlet;
  3. import javax.servlet.ServletException;
  4. import javax.servlet.annotation.WebServlet;
  5. import javax.servlet.http.HttpServlet;
  6. import javax.servlet.http.HttpServletRequest;
  7. import javax.servlet.http.HttpServletResponse;
  8. import java.io.IOException;
  10. /**
  11.  * 完成重定向
  12.  */
  13. @WebServlet("/responseDemo1")
  14. public class ResponseDemo1 extends HttpServlet {
  15.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  16.         System.out.println("demo1........");
  19.         /*//访问/responseDemo1资源，会自动跳转到/responseDemo2资源
  20.         //1.设置状态码为302
  21.         response.setStatus(302);
  22.         //2.设置响应头location
  23.         response.setHeader("location","/day15/responseDemo2");*/
  25.         //简单的重定向方法
  26.         response.sendRedirect("/day15/responseDemo2");
  27.     }
  29.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  30.         this.doPost(request,response);
  31.     }
  32. }
  34. =========================================================================================
  35. package cn.itcast.web.servlet;
  37. import javax.servlet.ServletException;
  38. import javax.servlet.annotation.WebServlet;
  39. import javax.servlet.http.HttpServlet;
  40. import javax.servlet.http.HttpServletRequest;
  41. import javax.servlet.http.HttpServletResponse;
  42. import java.io.IOException;
  44. @WebServlet("/responseDemo2")
  45. public class ResponseDemo2 extends HttpServlet {
  46.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  47.         System.out.println("demo2......");
  48.     }
  50.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  51.         this.doPost(request,response);
  52.     }
  53. }
  57. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455

四、案例2：输出字符数据

不墨迹，直接看代码：

  1. package cn.itcast.web.servlet;
  3. import javax.servlet.ServletException;
  4. import javax.servlet.annotation.WebServlet;
  5. import javax.servlet.http.HttpServlet;
  6. import javax.servlet.http.HttpServletRequest;
  7. import javax.servlet.http.HttpServletResponse;
  8. import java.io.IOException;
  9. import java.io.PrintWriter;
  11. @WebServlet("/responseDemo4")
  12. public class ResponseDemo4 extends HttpServlet {
  13.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  14.         //1.获取字符输出流
  15.         PrintWriter pw = response.getWriter();
  16.         //2.输出数据
  17.         pw.write("<h1>hello response</h1>");
  18.     }
  20.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  21.         this.doPost(request,response);
  22.     }
  23. }
  26. 123456789101112131415161718192021222324

debug方式启动后，直接在页面上显示：

Response - 图2很明显，输出字符数据真的非常的简单。

接下来讲一个比较麻烦的事：中文乱码的问题
因为我们输出的数据在所难免会遇到中文的数据。代码如下：

  1. //2.输出数据
  2. pw.write("你好，response");
  4. 12

这样就会出现乱码情况：

Response - 图3那么接下来我们分析一下乱码的原因：无外乎就是编码和解码的码表不一致。
Response - 图4如上图所示：
浏览器打开默认的字符集跟当前操作系统的语言和环境有关系，我们现在用的windows操作系统默认的字符集编码表是GBK（gb2312）
服务器用的不是GBK，否则不会乱码。

字符输出流的编码是ISO的，该编码被GBK解码一定会乱码。
找到原因之后，解决这个乱码就会变得很简单：我们可以设置流的编码是GBK就可以了。

  1. package cn.itcast.web.servlet;
  3. import javax.servlet.ServletException;
  4. import javax.servlet.annotation.WebServlet;
  5. import javax.servlet.http.HttpServlet;
  6. import javax.servlet.http.HttpServletRequest;
  7. import javax.servlet.http.HttpServletResponse;
  8. import java.io.IOException;
  9. import java.io.PrintWriter;
  11. @WebServlet("/responseDemo4")
  12. public class ResponseDemo4 extends HttpServlet {
  13.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  14.         //获取流对象之前去设置流的默认编码：ISO-8859-1 设置为:GBK
  15.         response.setCharacterEncoding("GBK");
  16.         //1.获取字符输出流
  17.         PrintWriter pw = response.getWriter();
  18.         //2.输出数据
  19.         pw.write("你好，response");
  20.     }
  22.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  23.         this.doPost(request,response);
  24.     }
  25. }
  28. 1234567891011121314151617181920212223242526

设置完流的默认编码后刷新一下服务器就发现，可以识别中文了：
Response - 图5
但是仅仅是一种巧合，为什么？
因为我们明确的知道客户端用的是GBK才可以这样设置。将来有的浏览器就是utf-8,就意味着设置GBK不好使。
我们还需要告诉浏览器，服务器发送的消息体数据的编码，建议浏览器使用该编码解码。如何完成代码如下：

  1. package cn.itcast.web.servlet;
  3. import javax.servlet.ServletException;
  4. import javax.servlet.annotation.WebServlet;
  5. import javax.servlet.http.HttpServlet;
  6. import javax.servlet.http.HttpServletRequest;
  7. import javax.servlet.http.HttpServletResponse;
  8. import java.io.IOException;
  9. import java.io.PrintWriter;
  10. import java.nio.charset.Charset;
  12. @WebServlet("/responseDemo4")
  13. public class ResponseDemo4 extends HttpServlet {
  14.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  15.         //获取流对象之前去设置流的默认编码：ISO-8859-1 设置为:GBK
  16.         //response.setCharacterEncoding("utf-8");
  17.         //告诉浏览器，服务器发送的消息体数据的编码。建议浏览器使用该编码解码
  18.         response.setHeader("content-type","text/html;Charset=utf-8");
  19.         //1.获取字符输出流
  20.         PrintWriter pw = response.getWriter();
  21.         //2.输出数据
  22.         pw.write("你好，response");
  23.     }
  25.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  26.         this.doPost(request,response);
  27.     }
  28. }
  30. 12345678910111213141516171819202122232425262728

但是这段代码写起来还是挺麻烦的，因为头信息是固定的，也就是说每一次都要写这行代码。所以response对象给我们提供的一个简单的型式来设置编码：

  1. package cn.itcast.web.servlet;
  3. import javax.servlet.ServletException;
  4. import javax.servlet.annotation.WebServlet;
  5. import javax.servlet.http.HttpServlet;
  6. import javax.servlet.http.HttpServletRequest;
  7. import javax.servlet.http.HttpServletResponse;
  8. import java.io.IOException;
  9. import java.io.PrintWriter;
  10. import java.nio.charset.Charset;
  12. @WebServlet("/responseDemo4")
  13. public class ResponseDemo4 extends HttpServlet {
  14.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  15.         //获取流对象之前去设置流的默认编码：ISO-8859-1 设置为:GBK
  16.         response.setCharacterEncoding("utf-8");
  17.         //告诉浏览器，服务器发送的消息体数据的编码。建议浏览器使用该编码解码
  18.         //response.setHeader("content-type","text/html;Charset=utf-8");
  19.         //简单的形式，设置编码
  20.         response.setContentType("text/html;Charset=utf-8");
  21.         //1.获取字符输出流
  22.         PrintWriter pw = response.getWriter();
  23.         //2.输出数据
  24.         pw.write("你好啊啊啊啊，response");
  25.     }
  27.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  28.         this.doPost(request,response);
  29.     }
  30. }
  33. 12345678910111213141516171819202122232425262728293031

以后我们要记住，在获取字符输出流并且写中文数据之前，就要把这行代码写到最前面:

  1. response.setContentType("text/html;Charset=utf-8");
  3. 1

五、案例3：输出字节数据

接下来说，输出字节数据，代码如下：

  1. package cn.itcast.web.servlet;
  3. import javax.servlet.ServletException;
  4. import javax.servlet.ServletOutputStream;
  5. import javax.servlet.annotation.WebServlet;
  6. import javax.servlet.http.HttpServlet;
  7. import javax.servlet.http.HttpServletRequest;
  8. import javax.servlet.http.HttpServletResponse;
  9. import java.io.IOException;
  11. @WebServlet("/responseDemo5")
  12. public class ResponseDemo5 extends HttpServlet {
  13.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  14.         //1.获取字节输出流
  15.         ServletOutputStream sos = response.getOutputStream();
  16.         //2.输出数据
  17.         sos.write("hello".getBytes());
  18.     }
  20.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  21.         this.doPost(request,response);
  22.     }
  23. }
  26. 123456789101112131415161718192021222324

hello就被访问到了：
Response - 图6
当我们想输出中文，并且设置的是utf-8就会乱码：

  1. //2.输出数据
  2. sos.write("你好".getBytes("utf-8"));
  4. 12

解决方式：

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

六、案例4：验证码

创建验证码步骤非常简单，我们直接代码演示：

  1. package cn.itcast.web.servlet;
  3. import javax.imageio.ImageIO;
  4. import javax.servlet.ServletException;
  5. import javax.servlet.ServletOutputStream;
  6. import javax.servlet.annotation.WebServlet;
  7. import javax.servlet.http.HttpServlet;
  8. import javax.servlet.http.HttpServletRequest;
  9. import javax.servlet.http.HttpServletResponse;
  10. import java.awt.*;
  11. import java.awt.image.BufferedImage;
  12. import java.io.IOException;
  13. import java.nio.Buffer;
  14. import java.security.DigestOutputStream;
  15. import java.util.Random;
  17. @WebServlet("/checkCodeServlet")
  18. public class CheckCodeServlet extends HttpServlet {
  19.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  20.         int width = 100;
  21.         int height = 50;
  22.         // 1.创建一个对象，在内存中画图(验证码图片对象)
  23.         BufferedImage image = new BufferedImage(width,height, BufferedImage.TYPE_INT_RGB);
  24.         // 2.美化图片
  25.         // 2.1填充背景色
  26.         Graphics g = image.getGraphics(); // 获取画笔对象
  27.         g.setColor(Color.pink);
  28.         g.fillRect(0,0,width,height);
  30.         // 2.2画边框
  31.         g.setColor(Color.blue);
  32.         g.drawRect(0,0,width - 1,height - 1);
  34.         String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
  36.         // 生成随机角标
  37.         Random ran = new Random();
  39.         for (int i = 1; i <= 4; i++) {
  40.             int index = ran.nextInt(str.length());
  41.             // 获取字符
  42.             char ch = str.charAt(index); // 随机字符
  43.             // 2.3写验证码
  44.             g.drawString(ch + "" ,width / 5 * i,height / 2);
  45.         }
  47.         // 2.4画干扰线
  48.         g.setColor(Color.green);
  50.         // 随机生成坐标点
  51.         for (int i = 0; i < 10; i++) {
  52.             int x1 = ran.nextInt(width);
  53.             int x2 = ran.nextInt(width);
  55.             int y1 = ran.nextInt(height);
  56.             int y2 = ran.nextInt(height);
  57.             g.drawLine(x1,y1,x2,y2);
  58.         }
  60.         // 3.将图片输出到页面展示
  61.         ImageIO.write(image,"jpg",response.getOutputStream());
  62.     }
  64.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  65.         this.doPost(request,response);
  66.     }
  67. }
  70. 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768

代码效果如下，重新加载会呈现不同的验证码：

Response - 图7学习完了使用代码的方式来实现验证码，接下来，说一下真正将来在程序开发过程中如何使用验证码，当然不是在页面上显示一个验证码，是配合注册表单一起来显示验证码。（只能是一张图片）

接下来说一下验证码切换效果：
我们写一个HTML页面，代码如下：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6.     <script>
  7.         /*
  8.             分析：
  9.                 点击超链接或者图片，需要换一张
  10.                 1.给超链接和图片绑定单击事件
  11.                 2.重新设置图片的src属性值
  12.          */
  13.      window.onload = function () {
  14.          // 1.获取图片对象
  15.          let img = document.getElementById("checkCode");
  16.          // 2.绑定单击事件
  17.          img.onclick = function () {
  18.              // 加时间戳
  19.              var date = new Date().getTime();
  20.             img.src = "/day15/checkCodeServlet?" + date;
  21.          }
  22.      }
  24.     </script>
  25. </head>
  26. <body>
  27.     <img id="checkCode" src="/day15/checkCodeServlet" alt="">
  28.     <a id="change" href="">看不清换一张？</a>
  29. </body>
  30. </html>
  32. 123456789101112131415161718192021222324252627282930