day-03-Response
今日内容
1. HTTP协议：响应消息
2. Response对象
3. ServletContext对象
一、HTTP协议-响应消息
服务器端发送给客户端的数据
1. 响应行
1. 组成：协议/版本 响应状态码 状态码描述
2. 响应状态码：服务器告诉客户端浏览器本次请求和响应的一个状态。
1. 状态码都是3位数字
2. 分类：
1. 1xx：服务器接收客户端消息，但没有接受完成，等待一段时间后，发送1xx多状态码
2. 2xx：成功。代表：【200】
3. 3xx：重定向。代表：302(重定向)，304(访问缓存)
4. 4xx：客户端错误。
* 代表：
* 【404】（请求路径没有对应的资源）
* 405：请求方式没有对应的doXxx方法
5. 5xx：服务器端错误。代表：【500】(服务器内部出现异常)
2. 响应头
格式：头名称： 值
常见的响应头：
1. Content-Type：服务器告诉客户端本次响应体数据格式以及编码格式
2. Content-disposition：服务器告诉客户端以什么格式打开响应体数据
- 值：
- in-line:默认值,在当前页面内打开
- attachment;filename=xxx：以附件形式打开响应体。文件下载
3. 响应空行
4. 响应体
传输的数据
5. 响应字符串格式
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/Request
功能：设置响应消息
1.设置响应行
1. 格式：HTTP/1.1 200 ok
2. 设置状态码：setStatus(int sc)
2.设置响应头
setHeader(String name, String value)
3.设置响应体
使用步骤：
1. 获取输出流
* 字符输出流：PrintWriter getWriter()
* 字节输出流：ServletOutputStream getOutputStream()
2. 使用输出流，将数据输出到客户端浏览器
4.重定向
4.1 什么是重定向
重定向:是资源跳转的方式
4.2 重定向代码实现
//1. 设置状态码为302
response.setStatus(302);
//2.设置响应头location
response.setHeader("location","/day15/responseDemo2");
//简单的重定向方法,这一行代码，可以实现上面两行代码的功能
response.sendRedirect("/day15/responseDemo2");
4.3 重定向(redirect)与转发(forward)的特点
重定向(redirect)
1. 地址栏发生变化
2. 重定向可以访问其他站点(服务器)的资源(跨域访问)
3. 重定向是两次请求。不能使用request对象来共享数据
4. 最终响应给浏览器的由最后一个Servlet来决定响应的内容
这个操作相当于把目标的资源路径拷贝到浏览器地址栏中，回车
5. URL重写向不能访问WEB-INF目录中的资源
转发(forward)
1. 转发地址栏路径不变
2. 转发只能访问当前服务器下的资源
3. 转发是一次请求，可以使用request对象来共享数据
什么时候使用redirect和什么时候使用forward
1.分析各自的特点
2.必须使用forward
* 如果需要共享同一次请求中的数据
* 要访问WEB-INF目录下的资源
3.如果要跨域访问必须使用redirect
4.其他情况根据自己的使用情况来定
4.4 路径的写法
1.相对路径
不以"/"为开头的路径，是根据资源的相对位置得到的路径，这就是相对路径
获取当前资源的路径，再获取目标资源的路径。对比两个路径，然后找到位置的关系
首先确定当前的页面是谁，再确定访问的目标页面
当前资源的路径：http://localhost:8080/aaa/a.html
目标资源的路径：http://localhost:8080/bbb/b.html
得到位置关系：
对比两个路径，从目标资源路径不一样的地方开始写
计算当前路径，到不一样的位置，总共有几层文件夹，就加多少个"../"
2.绝对路径
以"/"开关的路径 ，并且该路径不会发生改变。这种路径就称这之为“绝对路径”
在web开发中，绝对路径指的是在浏览器的访问路径 省略http://localhost:8080
在绝对路径中：
转发：不需要虚拟路径
重定向：需要虚拟路径
三、服务器输出字符数据到浏览器
1. 步骤
1. 获取字符输出流
2. 输出数据
注意：
乱码问题：
PrintWriter pw = response.getWriter();获取的流的默认编码是ISO-8859-1
设置该流的默认编码
告诉浏览器响应体使用的编码
//简单的形式，设置编码，是在获取流之前设置
response.setContentType("text/html;charset=utf-8");
2.代码实现
@WebServlet("/responseDemo4")
public class ResponseDemo4 extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//获取流对象之前，设置流的默认编码：ISO-8859-1 设置为：GBK
// response.setCharacterEncoding("utf-8");
//告诉浏览器，服务器发送的消息体数据的编码。建议浏览器使用该编码解码
//response.setHeader("content-type","text/html;charset=utf-8");
//简单的形式，设置编码
response.setContentType("text/html;charset=utf-8");
//1.获取字符输出流
PrintWriter pw = response.getWriter();
//2.输出数据
//pw.write("<h1>hello response</h1>");
pw.write("你好啊啊啊 response");
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request,response);
}
}
四、服务器输出字节数据到浏览器
1. 步骤
1. 获取字节输出流
2. 输出数据
2. 代码实现
@WebServlet("/responseDemo5")
public class ResponseDemo5 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"));
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request,response);
}
}
五、验证码
- 本质：图片
- 目的：防止恶意表单注册
1.步骤
1.创建BufferedImage对象，在内存中图片(验证码图片对象)
2.美化图片
填充背景色
画边框
随机字符，写验证码
画干扰线，随机生成坐标点
3.将图片输出到页面展示
2.后台代码实现
@WebServlet("/checkCodeServlet")
public class CheckCodeServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
int width = 100;
int height = 50;
//1.创建一对象，在内存中图片(验证码图片对象)
BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
//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 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghigklmnopqrstuvwxyz0123456789";
//生成随机角标
Random ran = new Random();
for (int i = 1; i <= 4; i++) {
int index = ran.nextInt(str.length());
//获取字符
char ch = str.charAt(index);//随机字符
//2.3写验证码
g.drawString(ch+"",width/5*i,height/2);
}
//2.4画干扰线
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,y1,x2,y2);
}
//3.将图片输出到页面展示
ImageIO.write(image,"jpg",response.getOutputStream());
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request,response);
}
}
3.前台代码实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
/*
分析：
点击超链接或者图片，需要换一张
1.给超链接和图片绑定单击事件
2.重新设置图片的src属性值
*/
window.onload = function(){
//1.获取图片对象
var img = document.getElementById("checkCode");
//2.绑定单击事件
img.onclick = function(){
//加时间戳
var date = new Date().getTime();
img.src = "/day15/checkCodeServlet?"+date;
}
}
</script>
</head>
<body>
<img id="checkCode" src="/day15/checkCodeServlet" />
<a id="change" href="">看不清换一张？</a>
</body>
</html>
六、ServletContext对象
1.概念
代表整个web应用，可以和程序的容器(服务器)来通信
2.获取ServletContext对象
1. 通过request对象获取
request.getServletContext();
2. 通过HttpServlet获取
this.getServletContext();
3.ServletContext的功能
3.1 获取MIME类型
* MIME类型:在互联网通信过程中定义的一种文件数据类型
* 格式： 大类型/小类型 text/html image/jpeg
// d:\a\b\a.txt
* 获取：String getMimeType(String file)
3.2 共享数据
ServletContext是一个域对象，既然是一个域对象，当然也可以用来共享数据。
ServletContext在web应用中是一个最大的域对象
常用的方法如下：
1. setAttribute(String name,Object value)
2. getAttribute(String name)
3. removeAttribute(String name)
3.3 获取文件的真实(服务器)路径
方法：
String getRealPath(String path)
示例：
String b = context.getRealPath("/b.txt");//web目录下资源访问
System.out.println(b);
String c = context.getRealPath("/WEB-INF/c.txt");//WEB-INF目录下的资源访问
System.out.println(c);
String a = context.getRealPath("/WEB-INF/classes/a.txt");//src目录下的资源访问
System.out.println(a);
七、文件下载案例
1. 案例需求
1. 页面显示超链接
2. 点击超链接后弹出下载提示框
3. 完成图片文件下载
2. 案例分析
1. 超链接指向的资源如果能够被浏览器解析，则在浏览器中展示，如果不能解析，则弹出下载提示框。不满足需求
2. 任何资源都必须弹出下载提示框
3. 使用响应头设置资源的打开方式：
* content-disposition:attachment;filename=xxx
3. 步骤
1. 定义页面，编辑超链接href属性，指向Servlet，传递资源名称filename
2. 定义Servlet
1） 获取文件名称
2） 使用字节输入流加载文件进内存
3） 指定response的响应头： content-disposition:attachment;filename=xxx
4） 将数据写出到response输出流
问题：
中文文件问题
解决思路：
获取客户端使用的浏览器版本信息
根据不同的版本信息，设置filename的编码方式不同
4. 后台代码实现
DownloadServlet类
@WebServlet("/downloadServlet")
public class DownloadServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//1.获取请求参数，文件名称
String filename = request.getParameter("filename");
//2.使用字节输入流加载文件进内存
//2.1找到文件服务器路径
ServletContext servletContext = this.getServletContext();
String realPath = servletContext.getRealPath("/img/" + filename);
//2.2用字节流关联
FileInputStream fis = new FileInputStream(realPath);
//3.设置response的响应头
//3.1设置响应头类型：content-type
String mimeType = servletContext.getMimeType(filename);//获取文件的mime类型
response.setHeader("content-type",mimeType);
//3.2设置响应头打开方式:content-disposition
//解决中文文件名问题
//1.获取user-agent请求头、
String agent = request.getHeader("user-agent");
//2.使用工具类方法编码文件名即可
filename = DownLoadUtils.getFileName(agent, filename);
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);
}
}
DownLoadUtils类
public class DownLoadUtils {
public static String getFileName(String agent, String filename) throws UnsupportedEncodingException {
if (agent.contains("MSIE")) {
// IE浏览器
filename = URLEncoder.encode(filename, "utf-8");
filename = filename.replace("+", " ");
} else if (agent.contains("Firefox")) {
// 火狐浏览器
BASE64Encoder base64Encoder = new BASE64Encoder();
filename = "=?utf-8?B?" + base64Encoder.encode(filename.getBytes("utf-8")) + "?=";
} else {
// 其它浏览器
filename = URLEncoder.encode(filename, "utf-8");
}
return filename;
}
}
5. 前台代码实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="/day15/img/1.jpg">图片1</a>
<a href="/day15/img/1.avi">视频</a>
<hr>
<a href="/day15/downloadServlet?filename=九尾.jpg">图片1</a>
<a href="/day15/downloadServlet?filename=1.avi">视频</a>
</body>
</html>
