劉意老師整理
HTTP協議:
請求消息:客戶端發送給服務器端的數據
數據格式:
- 請求行
- 請求頭
- 請求空行
- 請求體
響應消息:服務器端發送給客戶端的數據
數據格式:
1. 響應行
- 組成:協議/版本 響應狀態碼 狀態碼描述
- 響應狀態碼:服務器告訴客戶端瀏覽器本次請求和響應的一個狀態。
狀態碼都是3位數字
分類:
- 1xx:服務器就收客戶端消息,但沒有接受完成,等待一段時間後,發送1xx多狀態碼
- 2xx:成功。代表:200
- 3xx:重定向。代表:302(重定向),304(訪問緩存)
- 4xx:客戶端錯誤。代表:404(請求路徑沒有對應的資源) 405:請求方式沒有對應的doXxx方法
- 5xx:服務器端錯誤。代表:500(服務器內部出現異常)
2. 響應頭:
格式:
- 頭名稱: 值
常見的響應頭:
- Content-Type:服務器告訴客戶端本次響應體數據格式以及編碼格式
- 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對象
功能:設置響應消息
設置響應行:
- 格式:HTTP/1.1 200 ok
設置狀態碼:
setStatus(int sc)
設置響應頭:
setHeader(String name, String value)
設置響應體:
使用步驟:
獲取輸出流
- 字符輸出流:PrintWriter getWriter()
- 字節輸出流:ServletOutputStream getOutputStream()
使用輸出流,將數據輸出到客戶端瀏覽器
案例:
完成重定向
- 重定向:資源跳轉的方式
代碼實現:
//1. 設置狀態碼爲302
response.setStatus(302);
//2.設置響應頭location
response.setHeader("location","/day15/responseDemo2");
//簡單的重定向方法
response.sendRedirect("/day15/responseDemo2");
forward 和 redirect 區別
重定向(redirect)的特點:
- 地址欄發生變化
- 重定向可以訪問其他站點(服務器)的資源
- 重定向是兩次請求。不能使用request對象來共享數據
轉發(forward)的特點:
- 轉發地址欄路徑不變
- 轉發只能訪問當前服務器下的資源
- 轉發是一次請求,可以使用request對象來共享數據
路徑寫法:
路徑分類
1. 相對路徑:通過相對路徑不可以確定唯一資源
- 如:./index.html
- 不以/開頭,以.開頭路徑
- 規則:找到當前資源和目標資源之間的相對位置關係
- ./:當前目錄
- ../:後退一級目錄
2. 絕對路徑:通過絕對路徑可以確定唯一資源
- 如:http://localhost/day15/responseDemo2 /day15/responseDemo2
- 以/開頭的路徑
- 規則:判斷定義的路徑是給誰用的?判斷請求將來從哪兒發出
給客戶端瀏覽器使用:需要加虛擬目錄(項目的訪問路徑)
- 建議虛擬目錄動態獲取:request.getContextPath()
- <a> , <form> 重定向...
給服務器使用:不需要加虛擬目錄
- 轉發路徑
服務器輸出字符數據到瀏覽器
步驟:
- 獲取字符輸出流
- 輸出數據
注意:亂碼問題
- PrintWriter pw = response.getWriter();獲取的流的默認編碼是ISO-8859-1
- 設置該流的默認編碼
- 告訴瀏覽器響應體使用的編碼
//簡單的形式,設置編碼,是在獲取流之前設置
response.setContentType("text/html;charset=utf-8");
服務器輸出字節數據到瀏覽器
步驟:
- 獲取字節輸出流
- 輸出數據
驗證碼
- 本質:圖片
- 目的:防止惡意表單註冊
package cn.ly.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.io.PrintWriter;
import java.util.Random;
@WebServlet("/checkCodeServlet")
public class CheckCodeServlet extends HttpServlet {
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) 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",resp.getOutputStream());
}
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
this.doPost(req, resp);
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
window.onload = function(){
var imgyzm = document.querySelector(".imgyzm");
var ayzm = document.querySelector(".ayzm");
imgyzm.onclick = function(){
var date = +new Date();
imgyzm.src = "/responseDemo/checkCodeServlet?"+date;
}
ayzm.onclick = function(){
var date = +new Date();
imgyzm.src = "/responseDemo/checkCodeServlet?"+date;
}
}
</script>
</head>
<body>
<img class="imgyzm" src="/responseDemo/checkCodeServlet" />
<a class="ayzm" href="">看不清換一張?</a>
</body>
</html>
ServletContext對象:
概念:代表整個web應用,可以和程序的容器(服務器)來通信
獲取:
通過request對象獲取
request.getServletContext();
通過HttpServlet獲取
this.getServletContext();
功能:
獲取MIME類型:
- MIME類型:在互聯網通信過程中定義的一種文件數據類型
- 格式: 大類型/小類型 text/html image/jpeg
- 獲取:String getMimeType(String file)
域對象:共享數據
- setAttribute(String name,Object value)
- getAttribute(String name)
- removeAttribute(String name)
- ServletContext對象範圍:所有用戶所有請求的數據
獲取文件的真實(服務器)路徑
方法:
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);
案例:
文件下載需求:
- 頁面顯示超鏈接
- 點擊超鏈接後彈出下載提示框
- 完成圖片文件下載
分析:
- 超鏈接指向的資源如果能夠被瀏覽器解析,則在瀏覽器中展示,如果不能解析,則彈出下載提示框。不滿足需求
- 任何資源都必須彈出下載提示框
- 使用響應頭設置資源的打開方式:content-disposition:attachment;filename=xxx
步驟:
- 定義頁面,編輯超鏈接href屬性,指向Servlet,傳遞資源名稱filename
- 定義Servlet
獲取文件名稱
使用字節輸入流加載文件進內存 - 指定response的響應頭: content-disposition:attachment;filename=xxx
- 將數據寫出到response輸出流
問題:中文文件問題
解決思路:
- 獲取客戶端使用的瀏覽器版本信息
- 根據不同的版本信息,設置filename的編碼方式不同
package cn.ly.download;
import cn.ly.util.DownLoadUtils;
import javax.servlet.ServletContext;
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.FileInputStream;
import java.io.IOException;
/**
* @author ly
* @date 2020/4/24 13:31
*/
@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);
}
}
package cn.ly.util;
import sun.misc.BASE64Encoder;
import java.io.UnsupportedEncodingException;
import java.net.URLEncoder;
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;
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="/responseDemo/img/九尾.jpg">查看圖片1</a>
<hr>
<a href="/responseDemo/downloadServlet?filename=九尾.jpg">下載圖片1</a>
</body>
</html>