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

前言

在之前 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:\個人文件\代碼\IDEA\JAVAWEB-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 目錄即可。

項目訪問端口

默認情況下,IDEA 給每個新建的項目分配的接口都是 8080,如果我們想要自定義,則需要在配置 Tomcat 時註意,設置位置如下。

總結

到此這篇關於IDEA 中創建並部署 JavaWeb 程序的方法步驟(圖文)的文章就介紹到這瞭,更多相關IDEA 創建部署 JavaWeb內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!

推薦閱讀: