HTTP&Response
HTTP协议:
1. 请求消息:客户端发送给服务器端的数据
- 数据格式:
- 请求行
- 请求头
- 请求空行
- 请求体
2. 响应消息:服务器端发送给客户端的数据
- 数据格式:
- 响应行
- 组成:协议/版本 响应状态码 状态码描述
- 响应状态码:服务器告诉客户端浏览器本次请求和响应的一个状态。
- 状态码都是3位数字
- 分类:
- 1xx:服务器就收客户端消息,但没有接受完成,等待一段时间后,发送1xx多状态码
- 2xx:成功。代表:200
- 3xx:重定向。代表:302(重定向),304(访问缓存)
- 4xx:客户端错误。
代表:
- 404(请求路径没有对应的资源)
- 405:请求方式没有对应的doXxx方法
- 5xx:服务器端错误。代表:500(服务器内部出现异常)
- 响应头:
1. 格式:头名称: 值
2. 常见的响应头:
1. Content-Type:服务器告诉客户端本次响应体数据格式以及编码格式
2. Content-disposition:服务器告诉客户端以什么格式打开响应体数据
* 值:
* in-line:默认值,在当前页面内打开
* attachment;filename=xxx:以附件形式打开响应体。文件下载
3. 响应空行
4. 响应体:传输的数据
响应字符串格式
HTTP/1.1 200 OK
Content-Type: text/html;charset=UTF-8
Content-Length: 101
Date: Wed, 06 Jun 2018 07:08:42 GMT
<html>
<head>
<title>$Title$</title>
</head>
<body>
hello , response
</body>
</html>
Response对象
功能:设置响应消息
1. 设置响应行
- 格式:HTTP/1.1 200 ok
- 设置状态码:setStatus(int sc)
2. 设置响应头:setHeader(String name, String value)
3. 设置响应体:
- 使用步骤:
- 获取输出流
- 字符输出流:PrintWriter getWriter()
- 字节输出流:ServletOutputStream getOutputStream()
- 使用输出流,将数据输出到客户端浏览器
案例1:完成重定向:
- 重定向:资源跳转的方式
下图所示:
代码实现:
//1. 设置状态码为302
response.setStatus(302);
//2.设置响应头location
response.setHeader("location","/day15/responseDemo2");
//简单的重定向方法
response.sendRedirect("/day15/responseDemo2");
<mark>面试题:转发和重定向的区别</mark>
- 重定向的特点:redirect
- 地址栏发生变化
- 重定向可以访问其他站点(服务器)的资源
- 重定向是两次请求。不能使用request对象来共享数据
- 转发的特点:forward
- 转发地址栏路径不变
- 转发只能访问当前服务器下的资源
- 转发是一次请求,可以使用request对象来共享数据
路径写法–路径分类:
1. 相对路径:通过相对路径不可以确定唯一资源
- 如:./index.html
- 不以/开头,以.开头路径
- <mark>规则:找到当前资源和目标资源之间的相对位置关系</mark>
- ./:当前目录
- ../:后退一级目录
2. 绝对路径:通过绝对路径可以确定唯一资源。如:http://localhost/day15/responseDemo2 /day15/responseDemo2
- 以/开头的路径
- <mark>规则:判断定义的路径是给谁用的?判断请求将来从哪儿发出</mark>
- 给客户端浏览器使用:需要加虚拟目录(项目的访问路径)
- 建议虚拟目录动态获取:request.getContextPath()------如 <a> , <form> 重定向…等
- 给服务器使用:不需要加虚拟目录
- 转发路径
动态获取虚拟目录:
//动态获取虚拟目录
String contextPath = request.getContextPath();
//简单的重定向方法
response.sendRedirect(contextPath+"/Servlet");
//response.sendRedirect("http://www.itcast.cn");
案例2: 服务器输出字符数据到浏览器
- 步骤:
- 获取字符输出流
- 输出数据
- 注意:
- 乱码问题:
1. PrintWriter pw = response.getWriter();获取的流的默认编码是ISO-8859-1
2. 设置该流的默认编码
3. 告诉浏览器响应体使用的编码
//简单的形式,设置编码,是在获取流之前设置
<mark>response.setContentType(“text/html;charset=utf-8”);</mark>
代码:
//设置编码
response.setContentType("text/html;charset=utf-8");
//1.获取字符输出流
PrintWriter pw = response.getWriter();
//2.输出数据
pw.write("你好");
案例3:服务器输出字节数据到浏览器(图片等)
- 步骤:
- 获取字节输出流
- 输出数据
//设置编码
response.setContentType("text/html;charset=utf-8");
//1.获取字节输入流
ServletOutputStream sos = response.getOutputStream();
//2.输出数据
sos.write("你好".getBytes("utf-8"));
案例4:验证码
1. 本质:图片
2. 目的:防止恶意表单注册
编写Servlet代码:
public class CheckCodeServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
int width = 100;
int height = 50;
//1.创建一对象,在内存中图片(验证码图片对象)
BufferedImage bi = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
//2.美化图片
//2.1 填充背景色
Graphics graphics = bi.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);
String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghigklmnopqrstuvwxyz0123456789";
//生成随机角标
Random random = new Random();
for (int i =1;i<=4;i++) {
int index = random.nextInt(str.length());
//获取字符
char ch = str.charAt(index);
graphics.drawString(ch+"",width/5*i,height/2);
}
//2.4画干扰线
graphics.setColor(Color.GREEN);
//随机生成坐标点
for (int i = 0;i<10;i++) {
int x1 = random.nextInt(width);
int x2 = random.nextInt(width);
int y1 = random.nextInt(height);
int y2 = random.nextInt(height);
graphics.drawLine(x1,y1,x2,y2);
}
//3.将图片输出到页面展示
ImageIO.write(bi,"jpg", response.getOutputStream());
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
System.out.println("aaaa");
this.doPost(request,response);
}
}
利用js实现图片切换
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script> window.onload = function () { //1.获取图片对象 var img = document.getElementById("checkCode"); //2.绑定单击事件 img.onclick = function () { //加时间戳 var date = new Date().getTime(); img.src = "/day01/CheckCodeServlet?" + date; } } </script>
</head>
<body>
<img id="checkCode" src="/day01/CheckCodeServlet">
</body>
</html>
ServletContext对象:
1. 概念:代表整个web应用,可以和程序的容器(服务器)来通信
2. 获取:(不管哪种方式获取,获取的都是同一个)
1. 通过request对象获取
request.getServletContext();
2. 通过HttpServlet获取
this.getServletContext();
3. 功能:
1. 获取MIME类型:
- MIME类型:在互联网通信过程中定义的一种文件数据类型。格式: 大类型/小类型 text/html 、 image/jpeg
- 获取:String getMimeType(String file)
2. 域对象:共享数据
- setAttribute(String name,Object value)
- getAttribute(String name)
- removeAttribute(String name)
- <mark>ServletContext对象范围:所有用户所有请求的数据</mark>
<mark>3. 获取文件的真实(服务器)路径</mark>
- 方法:String getRealPath(String path)
<mark>src目录下的文件,在/WEB-INF/classes/</mark>
案例:
文件下载需求:
1. 页面显示超链接
2. 点击超链接后弹出下载提示框
3. 完成图片文件下载
分析:
1. 超链接指向的资源如果能够被浏览器解析,则在浏览器中展示,如果不能解析,则弹出下载提示框。不满足需求
2. 任何资源都必须弹出下载提示框
3. 使用响应头设置资源的打开方式:
- content-disposition:attachment;filename=xxx
步骤:
1. 定义页面,编辑超链接href属性,指向Servlet,传递资源名称filename
2. 定义Servlet
- 获取文件名称
- 使用字节输入流加载文件进内存
- 指定response的响应头: content-disposition:attachment;filename=xxx
- 将数据写出到response输出流
问题:
- 中文文件问题解决思路
- 获取客户端使用的浏览器版本信息
- 根据不同的版本信息,设置filename的编码方式不同
编写Servlet代码:
@WebServlet("/DownloadServlet")
public class DownloadServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//1.获取请求参数,文件名称
String fillname = request.getParameter("fillname");
//2.使用字节输入流加载文件进内存
//2.1找到文件服务器路径
ServletContext context = this.getServletContext();
String downloadPath = context.getRealPath("/img/" + fillname);
//2.2用字节流关联
FileInputStream fis = new FileInputStream(downloadPath);
//3.设置response的响应头
//3.1设置响应头类型:content-type
String type = context.getMimeType(fillname);
response.setHeader("content-type", type);
//3.2设置响应头打开方式:content-disposition
//解决中文文件名问题
//1.获取user-agent请求头
String user_agent = request.getHeader("user-agent");
//2.使用工具类方法编码文件名即可
String fileName = DownLoadUtils.getFileName(user_agent, fillname);
response.setHeader("content-disposition", "attachment;filename=" + fileName);
//4.将输入流的数据写出到输出流中
ServletOutputStream sos = response.getOutputStream();
byte[] buff = new byte[1024 * 8];
int len = 0;
while ((len = fis.read(buff)) != -1) {
sos.write(buff, 0, len);
}
fis.close();
}
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>download</title>
</head>
<body>
<a href="/day01/img/2.jpg">图片</a>
<a href="/day01/img/1.avi">视频</a>
<hr>
<a href="/day01/DownloadServlet?fillname=2.jpg">图片</a>
<a href="/day01/DownloadServlet?fillname=九尾.jpg">视频</a>
</body>
</html>