理解本文所需的知識：您已經或多或少地了解了Java Core，並希望了解JavaEE 技術和Web 編程。對您來說，目前正在研究Java Collections quest最有意義，它處理的主題與本文很接近。
![使用 servlet 和 JSP 創建簡單的 Web 應用程序（第 1 部分）- 1]()
本材料是我的文章在 IntelliJ Idea Enterprise 中創建最簡單的 Web 項目的邏輯延續。在那篇文章中，我演示瞭如何創建一個可用的 Web 項目模板。這次我將向您展示如何使用Java Servlet API和JavaServer Pages API創建一個簡單但非常有吸引力的 Web 應用程序。 我們的應用程序將有一個帶有兩個鏈接的主頁：
![Java webinar]()
讓我們開始。首先，準備POM 文件。在/version條目之後但在/project之前的某處，插入以下內容：
![使用 servlet 和 JSP 創建簡單的 Web 應用程序（第 1 部分）- 2]()
![Java university]()
讓我們將控制權從 servlet 傳遞給 JSP 文件。我們將更改方法的代碼如下：
- 添加用戶頁面的鏈接；
- 指向用戶列表的鏈接。
關於我們未來應用程序結構的一些信息
我們的主頁 (/) 將是一個最普通的靜態HTML頁面，帶有一個標題和兩個鏈接/按鈕：- 添加一個新用戶（導航到/添加）；
- 查看用戶列表（導航至 / list）。
創建一個靜態主頁
如果您的 web 文件夾中有index.jsp ，請將其刪除。相反，在此文件夾中創建一個名為index.html的簡單HTML 文件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My super project!</title>
</head>
<body>
<!-- header -->
<div>
<h1>Super app!<//h1>
</div>
<div> <!-- content -->
<div> <!-- button holder -->
<button onclick="location.href='/list'">List users<//button>
<button onclick="location.href='/add'">Add user<//button>
</div>
</div>
</body>
</html>
創建 JSP 文件以呈現結果
在同一個Web目錄中，創建一個文件夾，我們將在其中添加我們的JSP 文件。我將其稱為“觀點”，但您還是可以即興創作。在此文件夾中，我們將創建兩個 JSP 文件：- add.jsp — 添加用戶的頁面；
- list.jsp — 顯示用戶列表的頁面。
創建兩個 servlet
Servlet 將接收並處理Tomcat發送給它們的請求。在src/main/java文件夾中，創建應用程序包，我們將在其中放置源代碼。其他包裹也將去那裡。因此，為了防止這些包在彼此內部創建，我們將在應用程序包中創建一些類（稍後我們將刪除它）。現在在應用程序包中創建三個不同的包：
- 實體——我們的實體（描述用戶對象的類）放在這裡；
- model——這是我們的模型所在的地方（我們稍後會討論這個）；
- servlet——這就是我們的 servlet 所在的位置。
- AddServlet — 處理髮送到 / add的請求；
- ListServlet — 處理髮送到 / list 的請求。
在 Maven 中連接依賴項
Tomcat 9. * 實現了Servlet 4.0和JavaServer Pages 2.3的規範。Tomcat 9官方文檔第一段第二行就是這麼說的。這意味著如果您像我一樣使用這個版本的Tomcat，那麼您將編寫和運行的代碼將使用這些版本。但是我們希望在我們的項目中有這些規範，這樣我們使用它們的代碼至少可以成功編譯。為此，我們需要將它們加載到我們的項目中。這就是Maven來拯救的地方。|
一般規則是這樣的：如果您需要使用 Maven 將某些東西連接到您的項目：
|
<dependencies>
</dependencies>
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>cc.codegym.info.fatfaggy</groupId>
<artifactId>my-super-project</artifactId>
<version>1.0-SNAPSHOT</version>
<properties>
<maven.compile.source>1.8</maven.compile.source>
<maven.compile.target>1.8</maven.compile.target>
</properties>
<dependencies>
<!-- Servlet API 4.0 for tomcat 9 -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<version>4.0.0</version>
<scope>provided</scope>
</dependency>
<!-- JavaServer Pages API 2.3 for tomcat 9 -->
<dependency>
<groupId>javax.servlet.jsp</groupId>
<artifactId>javax.servlet.jsp-api</artifactId>
<version>2.3.1</version>
<scope>provided</scope>
</dependency>
</dependencies>
</project>
將我們的servlets變成真正的servlets
目前，我們創建的這對 servlet 實際上是普通的類。它們沒有任何功能。但現在我們已經將Servlet API連接到我們的項目，因此我們可以使用它的類。要使我們的servlets“真實”，我們需要做的就是讓它們繼承HttpServlet類。映射或標記
現在最好以某種方式告訴Tomcat對 / add地址的請求由我們的AddServlet處理，而對 / list地址的請求由ListServlet處理。這個過程稱為映射（標記）。 這是在web.xml中使用相同的原則完成的：- 首先，描述 servlet（提供一些名稱並指定類本身的路徑）；
- 然後將這個 servlet 綁定到一個特定的地址（指定我們剛剛給它的 servlet 的名稱，並指定其請求應該發送到這個 servlet 的地址）。
<servlet>
<servlet-name>add</servlet-name>
<servlet-class>app.servlets.AddServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>add</servlet-name>
<url-pattern>/add</url-pattern>
</servlet-mapping>
<?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">
<!-- add servlet -->
<servlet>
<servlet-name>add</servlet-name>
<servlet-class>app.servlets.AddServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>add</servlet-name>
<url-pattern>/add</url-pattern>
</servlet-mapping>
<!-- list servlet -->
<servlet>
<servlet-name>list</servlet-name>
<servlet-class>app.servlets.ListServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>list</servlet-name>
<url-pattern>/list</url-pattern>
</servlet-mapping>
</web-app>
簡短的題外話：“幕後”發生了什麼？
您可能已經考慮過我們的應用程序如何在 Tomcat 中運行。那裡發生了什麼？main() 方法在哪裡？只要您在瀏覽器中訪問 localhost:8080，瀏覽器就會使用 HTTP 協議向該地址發送請求。我希望您已經意識到有許多不同類型的請求，最流行的是 GET 和 POST。每個請求都應該得到答复。GET 請求預計會收到返回給瀏覽器的現成 HTML 代碼的響應。然後瀏覽器將替換所有漂亮的字母、按鈕和表單的代碼。POST 請求更有趣一些，因為它還攜帶了一些信息。例如，假設您在網站的註冊或登錄表單中輸入憑據，然後單擊“發送”。這會導致將包含您的個人信息的 POST 請求發送到服務器。服務器接收此信息，對其進行處理並返回一些響應（例如，包含您的個人資料的 HTML 頁面）。它們之間的主要區別在於 GET 請求僅用於從服務器檢索數據，而 POST 請求攜帶一些信息（並且服務器上的數據可以更改）。例如，當您將圖片上傳到服務器時，它會在 POST 請求中攜帶到服務器，然後服務器將其添加到數據庫中，即發生更改。現在回到 Tomcat。當它收到來自客戶端的請求時，它會查看地址。它檢查是否有合適的 servlet 來處理對該地址的請求（或可以立即返回的可用資源）。如果找不到要返回的東西，然後它以 404 錯誤而不是 HTML 頁面作為響應。但是，如果它在那個地址找到一個合適的 servlet，它就會查看請求類型（GET、POST 或其他）並詢問 servlet 是否有可以處理此類查詢的方法。如果 servlet 說它不知道如何處理這種類型，那麼Tomcat返回 405 代碼。這正是我們項目中發生的事情。但是如果找到合適的 servlet，並且它有合適的方法，Tomcat就會創建一個 servlet 對象，在新線程上啟動它（讓它自己運行），Tomcat 繼續自己的工作，接受和發送請求。此外，Tomcat 還創建了兩個對象：一個 HttpServletRequest（我將簡稱為“請求”）和一個 HttpServletResponse（我將其稱為“響應”）。它將從客戶端請求中接收到的所有數據放入第一個對像中，因此可以從中提取所有數據。然後在所有這一切之後，它將這兩個對像傳遞給在單獨線程上啟動的 servlet 的適當方法。一旦 servlet 完成其工作並準備好發送給客戶端的響應，它就會向 Tomcat 揮動旗幟，說“我完成了。一切都準備好了”。Tomcat 收到響應並將其發送給客戶端。這讓 Tomcat 接收請求並發送響應，不會分心，所有工作都由運行在不同線程上的 servlet 完成。這意味著當我們編寫 servlet 代碼時，我們確定將執行什麼工作。你可以認為 main() 方法位於 Tomcat 本身內部（是的，它是用 Java 編寫的），當我們“啟動”Tomcat 時，main() 方法就會啟動。
使用 servlet 捕獲 GET 方法並發送超級簡單的響應
目前，我們的 servlet 沒有合適的方法 (GET)，因此 Tomcat 返回 405 錯誤。讓我們創造它們！我們的 servlet 繼承的 HttpServlet 類聲明了各種方法。要將特定代碼分配給方法，我們只需覆蓋它們即可。在這種情況下，我們需要覆蓋doGet()兩個 servlet 中的方法。
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
}
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
PrintWriter writer = resp.getWriter();
writer.println("GET method from AddServlet");
}
- 我們從請求對像中獲取一個請求調度器對象，並將它傳遞給我們要將控制轉移到的 JSP 頁面的地址；
- 我們使用此對象將控制轉移到指定的 JSP 頁面，不要忘記傳遞我們從 Tomcat 接收到的請求和響應對象。
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
RequestDispatcher requestDispatcher = req.getRequestDispatcher("views/add.jsp");
requestDispatcher.forward(req, resp);
}
GO TO FULL VERSION