【2019.10.23】JavaWeb(四) Servlet Response案例：重定向、输出字符，验证码

谁借莪１个温暖的怀抱￠ 2023-05-31 07:17 1阅读 0赞

## 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 完成重定向 ####

* 重定向：资源跳转的方式
    	* 代码实现：

package com.ybs.web.response;
    
    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 { 
        protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
            System.out.println("demo1------------------");
            // 访问 /ResponseDemo1， 会自动跳转到 /ResponseDemo12
            // 1. 设置状态码为302
            response.setStatus(302);
            // 2. 设置响应头location
            // response.setHeader("location", "/servlet_login/ResponseDemo2");
            // 简单的重定向方法
            response.sendRedirect("/servlet_login/ResponseDemo2");
        }
    
        protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
            this.doPost(request, response);
        }
    }

*  重定向的特点: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()
                     *  , 重定向…
                 *  给服务器使用：不需要加虚拟目录
                    
                     *  转发路径

// 动态获取虚拟目录
    String contextPath = request.getContextPath();

#### 案例2 服务器输出字符数据到浏览器 ####

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

//简单的形式，设置编码，是在获取流之前设置
       response.setContentType("text/html;charset=utf-8");

package com.ybs.web.response;
    
    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("/ResponseDemo3")
    public class ResponseDemo3 extends HttpServlet { 
        protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
            //简单的形式，设置编码，是在获取流之前设置,
            response.setContentType("text/html;charset=utf-8");
            // 1. 获取字符输出流
            PrintWriter pw = response.getWriter();
            // 2. 输出数据
            pw.write("<h1>Hello response</h1>");
            pw.write("<h1>中文 response</h1>");
    
    
        }
    
        protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
            this.doPost(request, response);
        }
    }

#### 案例3 服务器输出字节数据到浏览器 ####

*  步骤：
    
    1.  获取字节输出流
    2.  输出数据

package com.ybs.web.response;
    
    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.IOException;
    import java.io.PrintWriter;
    
    @WebServlet("/ResponseDemo4")
    public class ResponseDemo4 extends HttpServlet { 
        protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
            //简单的形式，设置编码，是在获取流之前设置,
            response.setContentType("text/html;charset=utf-8");
            // 1. 获取字节输出流
            ServletOutputStream sos = response.getOutputStream();
            // 2. 输出数据
            sos.write("你好".getBytes("utf-8"));
            sos.write("<h1>hello</h1>".getBytes("utf-8"));
    
    
    
    
        }
    
        protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
            this.doPost(request, response);
        }
    }

#### 案例4 验证码 ####

1.  本质：图片
2.  目的：防止恶意表单注册

package com.ybs.web.response;
    
    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 { 
            // 1. 创建一个对象，在内存中图片（验证码图片对象）
            int width = 100;
            int height = 50;
            BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_BGR);
            // 2. 美化图片
            // 2.1 填充背景颜色
            Graphics g = image.getGraphics();
            g.setColor(Color.pink);
            g.fillRect(0, 0, width, height);
    
            // 2.2 画边框
            g.setColor(Color.blue);
            g.drawRect(0,0, width-1, height-1);
    
            String str = "QWERTYUIOPASDFGHJKZXCVBNMqwertyuiopasdfghjklzxcvbnm1234567890";
            // 生成随机角标
            Random ran = new Random();
    
            for (int i = 0; i < 4; i++) { 
                int index = ran.nextInt(str.length());
                char ch = str.charAt(index);
                // 2.3 写字
                g.drawString(String.valueOf(ch), width/5*i+16, height/2);
            }
    
    
            // 2.3 画干扰线
            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, x2, y1, y2);
            }
    
            // 3. 将图片输出到页面
            ImageIO.write(image, "jpg", response.getOutputStream());
    
    
        }
    
        protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
            this.doPost(request, response);
        }
    }

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>注册（验证码）</title>
        <script>
            /*
            点击超链接或者图片，换一张
            1. 给超链接和图片绑定单击事件
            2. 重新设置图片的src属性
            * */
            window.onload = function () {
                var img = document.getElementById("checkCode");
                img.onclick = function () {
                    // 时间戳
                    var data = new Date().getTime();
                    img.src = "/servlet_login/checkCodeServlet?"+data;
                }
            }
    
        </script>
    </head>
    <body>
        <img id="checkCode" src="/servlet_login/checkCodeServlet" />
     <a id="change" href="">看不清，换一张吧</a>
    </body>
    </html>