JavaWeb-Response学习

最新推荐文章于 2024-07-07 09:38:46 发布

竹鼠商人

最新推荐文章于 2024-07-07 09:38:46 发布

阅读量172

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/qq_40604099/article/details/108449743

版权

web 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

功能：设置响应消息
1. 设置响应行
  1. 格式：HTTP/1.1 200 ok
  2. 设置状态码：setStatus（int sc）
2. 设置响应头：setGeader（String name，String value）
3. 设置响应体：
  1. 获取输出流
    1. 字符输出流：
    2. 子节输出流：
  2. 使用输出流，将数据输出到客户端浏览器
案例
1. 完成重定向response.sendRedirect("/hellotomcat/ResponseDemo2");
  1. 重定向的特点
    1. 地址栏发生变化
    2. 重定向可以访问其他站点（服务器）的资源
    3. 重定向是两次请求，不能通过request域共享对象
  2. 转发的特点
    1. 转发的地址栏路径不变
    2. 转发只能访问当前服务器下的资源
    3. 转发是一次请求，可以通过request域共享数据
  3. 路径的写法
    1. 路径的分类
      1. 绝对路径，如：http://localhost:8080/login/login.html，/login/login.html，以/开头的路径
        规则：判断定义的路径是给谁用的，判断请求是从哪发出
        给客户端浏览器使用：需要加虚拟目录
        推荐虚拟目录使用request.getContextPath()获取
        <a>,<form>都属于重定向
        
        给服务器使用：不需要加虚拟目录
      2. 相对路径，如./index.html，不以/开头，以.开头的路径，规则：找到访问的当前资源和目标资源之间的相对位置关系./代表当前目录，../代表后退一级目录
2. 服务器输出字符数据到浏览器
  1. 获取字符输出流PrintWriter writer = response.getWriter();
  2. 输出数据writer.write("你好");
  3. 中文乱码问题：在最前面设置response编码为GBK(国内浏览器编码大都为GBK)response.setCharacterEncoding("GBK");
    *如果非要用utf-8编码，可以设置响应头告诉浏览器使用u8解码response.setContentType("text/html;charset=utf-8");//这一行代码可以做到设置response编码和告诉浏览器编码两种功能
3. 服务器输出字节数据到浏览器
  1. 获取字节输出流ServletOutputStream outputStream = response.getOutputStream();
  2. 输出数据outputStream.write("你好".getBytes());;
    *乱码问题： getBytes()默认为GBK编码，一般不会出现乱码
4. 验证码
  Servlet代码：

package Response;

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("/YzmServlet")
public class YzmServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        int width=100;
        int height=50;
        //1.创建一个对象，能在内存中画图(验证码图片对象)
        BufferedImage img=new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
        //2.m美化图片
        //2.1 填充背景色
        Graphics graphics = img.getGraphics();//画笔对象
        graphics.setColor(Color.pink);//设置画笔颜色
        graphics.fillRect(0, 0,width,height);//填充范围
        //2.2 画一个边框
        graphics.setColor(Color.blue);
        graphics.drawRect(0,0,width-1,height-1);
        //2.3 写验证码
        String str="qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM1234567890";
        Random ran=new Random();//随机数
        for(int i=1;i<=4;i++){
            int index = ran.nextInt(str.length());
            //获取字符
            char ch = str.charAt(index);//随机字符
            graphics.drawString(ch+"",(width/5)*i,height/2);
        }
        //2.4画干扰线
        graphics.setColor(Color.green);//s设置干扰线颜色
        //随机生成线的起止坐标点
        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);
            graphics.drawLine(x1,y1,x2,y2);
        }
        //3.将图片输出到页面展示
        ImageIO.write(img,"jpg",response.getOutputStream());
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request,response);
    }
}

Html代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script !src="">
<!--        点击图片或者超链接换一张图片-->
        //给图片和超链接绑定单击事件,重新设置src
        window.onload=function () {
            //获取图片对象
            var img=document.getElementById("checkCoda");
            img.onclick=function (ev) {
                //在src后加上时间戳，防止src一样浏览器直接从缓存调用达不到切换的效果
                var date =new Date().getTime();
                img.src="/hellotomcat/YzmServlet?"+date;
            }
            var a=document.getElementById("change");
            a.onclick=function (ev) {
                var date =new Date().getTime();
                img.src="/hellotomcat/YzmServlet?"+date;
            }
}
    </script>
</head>
<body>
    <img id="checkCoda" src="/hellotomcat/YzmServlet" alt="">
    <a id="change" href="">看不清？换一张</a>
</body>
</html>