IDEA 中建立並部署 JavaWeb 程式的方法步驟(圖文)

2022-02-20 10:00:08

前言

在之前 Java 的學習中，我們可能更多地是和控制檯程式打交道，也就是我們日常說的黑框框程式。現在既然完成了 Java SE 部分的基礎知識，是時候來學習 JavaWeb 部分。而隨著 IDEA 的強勢崛起和不斷更新，使用 Eclipse 的同學可能會有些不習慣 IDEA。這一點確實是，IDEA 不同版本之間的操作和設定可能都有微小的變動，就算你之前一直使用的 IDEA，也可能會隨著 IDEA 的更新找不到某些隱藏在犄角旮旯的操作。

今天我們就來看看，如何在 IDEA 最新版中從零建立一個 Java Web 專案，然後將其部署到 Tomcat 中，實現一個最簡單的 JavaWeb 小程式。

前排提升，寫作本部落格時，博主使用的環境如下：

IDEA 2021.3.2（Ultimate Edition）
Windows 11
Tomcat 9.0.52
JDK 11.0.11

接下來就主要從建立專案、設定 Tomcat以及驗證存取三個部分來看看，如何在 IDEA 中建立、部署、執行一個 JavaWeb 專案。

建立專案

新建一個 Java 專案

具體操作如下，依次進入 File -> New -> Project，然後選擇左側的 Java 選項後預設點選 Next 即可。

選擇是否從模板建立

如果不勾選，此時建立出來的專案就是一個空專案。如果勾選上，就會建立一個最簡單的模板程式。這裡預設不勾選即可，直接點選 Next 進入下一步。

設定專案名

這裡需要自己設定自己專案名以及專案所存放位置，Project name 為專案名，Project location 為專案存放地址。關於 More Settings 部分則不用管，會隨著我們設定好專案名和專案存放地址後自動變化。設定好之後，直接點選 Finish 即可。

新增 Web 支援

專案建立完成之後，我們發現和之前的 Java SE 專案並沒有什麼不同，而要將專案變成一個 Java Web 專案，就需要新增 Web 支援。具體操作為：在專案上單擊滑鼠右鍵，然後選擇 Add Framework Support 索引標籤。

然後會出現如下的選項供我們選擇，這裡勾選 Web Application 即可，最後點選 OK 完成。

專案目錄

完成上面的步驟之後，一個空白的 Java Web 專案就建立好了。建立好之後的專案目錄如下，這裡會在 web 目錄下自動生成一個 index.jsp 檔案，現在大家都基本上拋棄了 jsp，所以我們一般都是選擇將其刪除。

D:個人檔案程式碼IDEAJAVAWEB-IDEA-DEMO├─src└─web    └─WEB-INF

設定 Tomcat

點選工具列的 Add Configuration，彈出 Run/Debug Configurations 視窗

點選左上角 + 號，選擇 Tomcat Server 下的 Local，注意不要選成了 TomEE Server 下的 Local。

設定相關屬性

這裡主要設定 Name，也就是我們 Tomcat 伺服器的名稱，可以保持預設不變，也可以設定為自己喜歡的名字。

Application Serveer，也就是我們本地 Tomcat 安裝的路徑。

如果勾選 After launch，那麼就會在專案執行起來後自動在瀏覽器中開啟專案主頁，這裡的瀏覽器可以根據自己平常用的進行選擇。

URL，即執行後預設開啟的網址。

最後，一般還需要點選右下角的 Fix，IDEA 就會自動設定好專案的虛擬路徑 Application context。

點選上面的 Fix 步驟後，會自動跳轉到 Deployment 索引標籤下，同時 Server 下的 URL 會變成以下形式：

http://localhost:8080/javaweb_idea_demo_war_exploded/

這裡如果要想存取專案主頁就很麻煩，為了方便直接通過 http://localhost:8080 就能進入我們的專案，我們需要做如下設定。

首先是 Deploy 索引標籤下的 Application Context 修改成 /。

然後將 Server 索引標籤下的 URL 修改為：

http://localhost:8080/

注意以下設定。為了實現熱部署，我們通常將 On Update action 選擇為 Redeploy，同時將 On frame deactivation 選擇為 Update classes and resources。這樣一來，通過部署後一旦出現程式碼改動，IDEA 就會自動將我們的專案重新部署，而不用再去重新啟動伺服器，實現實時更新。此外，JRE 設定這裡預設的是使用專案的 JRE 版本，如果要單獨設定，則可以在這裡進行改動。

驗證存取

之前我們說過，在我們新建專案並新增 Web 框架支援後，預設會生成一個 index.jsp，我們需要將其刪除。

而為了驗證我們程式是否設定成功，我們需要將其執行起來進行驗證。這裡我們選擇建立了一個 index.html，讓專案啟動後去存取該頁面，如果出現預期內容，則說明專案部署成功，否則則說明部署失敗。

其中 index.html 的內容如下：

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport"
              content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>主頁</title>
    </head>
    <body>
        <p>你好，我是村雨遙</p>
    </body>
</html>

然後啟動我們的 IDEA 專案，控制檯中就會列印出如下資訊：

同時，瀏覽器將會自動彈窗存取我們的 index.html。如果瀏覽器中正確出現如下圖中的資訊，則說明我們的專案建立和部署就成功了。

注意

一般來講，完成上述的步驟之後，我們的專案就算建立、部署、執行成功了。不過其中還是有幾點需要注意的地方，這裡分別說明一下。

編譯輸出目錄

預設情況下，專案編譯輸出的結果是在專案的 out 目錄下的，如果我們要改成自定義的路徑，就需要自己進行設定。

我們一般自定義是選擇在 WEB-INF 目錄下建立一個 classes 目錄，然後依次進入 File -> Project Structure ，選擇專案設定中的 Modules 索引標籤，在右側的 Paths 索引標籤下選擇 Use module compile out path，並將 Output path 設定為我們建立的 classes 目錄即可。