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

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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值