今日內容
0 復習昨日
1 接收請求
2 處理響應
0 復習昨日
HTTP請求中
- 請求行
- 請求方法,請求路徑
- 請求頭
- 頁面信息
- 請求正文
- 請求的數據
HTTP響應中
- 響應行
- 狀態碼 信息
- 響應頭
- 頁面信息
- 響應正文
- 要給瀏覽器的內容
1 接收請求
瀏覽器發出請求,經過web.xml映射匹配,找到Servlet對應的方法(doGet/doPost),接收請求數據,可以接收請求中的請求行,請求頭,請求正文
- 瀏覽器發出請求
- a/form/ajax
- 經過web.xml映射匹配
- web.xml(8行代碼)
- doGet/doPost
- 前端是get請求,就重寫doGet
- 前端是post請求,就重寫doPost
- 如何接收數據
- 通過HttpServletRequest對象處理
需求: html頁面中寫一個表單,發送請求,后臺服務器接收所有請求數據
1.1 編寫頁面
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<!--表單提交數據,一定要有name屬性,后臺服務器,就是name獲得值------------------------點擊提交,會以method指定的請求方式,將數據發送到action指定后臺服務器action路徑,建議是 /項目名/路徑-->
<form action="/day47/req" method="get">用戶名 <input type="text" name="username"><br>密碼 <input type="password" name="password"><br>性別 <input type="radio" name="sex" value="1">男<input type="radio" name="sex" value="2">女<br>技能<input type="checkbox" name="skill" value="Java">Java<input type="checkbox" name="skill" value="JavaScript">JavaScript<input type="checkbox" name="skill" value="SSM">SSM<br>學歷<select name="xueli"><option value="gaozhong">高中</option><option value="dazhuan">大專</option><option value="benke">本科</option></select><input type="submit" value="提交">
</form></body>
</html>
1.2 編寫Servlet
package com.qf.servlet;import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.Enumeration;/*** --- 天道酬勤 ---** @author QiuShiju* @desc*/
public class MyServlet extends HttpServlet {/**** @param req 處理請求的對象* @param resp 處理響應的對象* @throws ServletException* @throws IOException*/@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {// 請求方法String method = req.getMethod( );System.out.println("method = "+method);// 獲得請求路徑String requestURI = req.getRequestURI( );// 資源標識符StringBuffer requestURL = req.getRequestURL( ); // 資源定位符System.out.println("requestURI = " + requestURI);System.out.println("requestURL = " + requestURL);System.out.println("--------------------------------------" );// 接收請求頭【了解】String host = req.getHeader("Host");System.out.println("host = " + host);Enumeration<String> keys = req.getHeaderNames( );while (keys.hasMoreElements()) {String key = keys.nextElement( );String value = req.getHeader(key);System.out.println(key + " : " + value);}System.out.println("--------------------------------------" );// 接收請求數據【重點】// 接收請求數據,無論單選,還是下拉框等都是getParameter(name);// name是前端標簽name屬性的值String username = req.getParameter("username");String password = req.getParameter("password");String sex = req.getParameter("sex");String xueli = req.getParameter("xueli");System.out.println("username = " + username);System.out.println("password = " + password);System.out.println("sex = " + sex);System.out.println("xueli = " + xueli);// 復選框// 如果一個沒選,數組沒有創建,是null,不是長度為0String[] skills = req.getParameterValues("skill");// 空指針異常,就是使用空對象調用屬性和方法for (int i = 0; skills != null && i < skills.length; i++) {System.out.println("skill["+(i+1)+"] = " + skills[i]);}}
}1.3 配置web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
version="3.1"><welcome-file-list><welcome-file>index.html</welcome-file></welcome-file-list><servlet><servlet-name>servlet</servlet-name><servlet-class>com.qf.servlet.MyServlet</servlet-class></servlet><servlet-mapping><servlet-name>servlet</servlet-name><!--此處不需要寫項目名,只需要寫請求路徑--><url-pattern>/req</url-pattern></servlet-mapping>
</web-app>
1.4 部署項目
1.5 啟動測試
2 做出響應
做出響應是通過HttpServletResponse對象
- 響應行
- 狀態碼
- 響應頭
- 響應信息,其中有一個cookie后續會用到,以及編碼格式
- 響應正文
- 向瀏覽器展現的內容
// 響應狀態碼// 200 是成功, 302 重定向 404 資源未找到 500 服務器錯誤// 一般不用設置,為自動響應// resp.setStatus(200);// 設置響應頭// resp.setHeader("key","value");// 指定瀏覽器如何解析響應的內容,解決響應亂碼resp.setContentType("text/html;charset=utf-8");// 向瀏覽器響應內容(響應正文)PrintWriter out = resp.getWriter( );out.write("<html>");out.write(" <head>");out.write(" <title>這是響應</title>");out.write(" </head>");out.write(" <body>");out.write(" <div style='background-color:red;width:500px;height:500px;font-size:50px'>");out.write(" 這是響應,歡迎"+username);out.write(" </div>");out.write(" </body>");out.write("</html>");
3 亂碼解決
請求亂碼
req.setCharacterEncoding("utf-8");響應亂碼
resp.setContentType("text/html;charset=utf-8");
作業
畫javaweb開發流程圖
畫servlet執行圖
---------------------
前端html頁面用戶名+密碼,
后端servlet接收數據
數據庫根據數據查詢用戶
查詢到,頁面歡迎語
查詢不到,頁面展現登錄失敗信息-------------------------
復習JDBC
復習HTML(表單/表格) JS(語法/函數) JQuery(DOM) Ajax(語法模板)
)
（九）)
