1. 程式人生 > >IntelliJ IDEA 2017.3 配置Tomcat執行web專案教程(多圖)

IntelliJ IDEA 2017.3 配置Tomcat執行web專案教程(多圖)

小白一枚,借鑑了好多人的部落格,然後自己總結了一些圖,儘量的詳細。在配置的過程中,有許多疑問。如果讀者看到後能給我解答的,請留言。Idea請各位自己安裝好,還需要安裝Maven和Tomcat,各自配置好環境變數。

我配置的是一個多模組的web專案,配合Maven和Tomcat。我覺得我的配置過程有些奇怪,沒辦法,不會就到處查,也許會有更加簡便的方法。但是我的也是可以成功啟動Tomcat訪問jsp的。

首先建立一個Project。我直接點選的Next,因為第一個Project只是當做一個父模組來使用。

然後也是Next。

輸入專案名稱後,Finish。

 Finish後,得到下面這個新專案。之後我還會繼續建一個Module,所以可以刪除這個原始檔夾src,反正也不會用它。

 在專案名稱上,點選右鍵,New一個Module。

這個Modlue我設定為Maven專案,勾選Create from archetype,然後選擇maven-archetype-webapp。選擇這個原型新建的Maven專案會自帶一個webapp資料夾,裡面自帶一個 WEB-INF和一個index.jsp,如果你不勾選,你也可以自己手動建立以上兩個。選好後Next。

 

輸入GroupId和ArtifactId,Version使用預設的。這個GroupId一般是公司的域名倒寫。以後各位可以遵照這個規則來寫。我這裡就隨便寫了。

ArtifactId一般是你的模組名稱。也是就是說,你ArtifactId寫的是啥,一會兒建好的Module就叫啥了。

這一步設定你的Maven路徑。不多說。Next。

設定Module的名字。像上面說的,與ArtifactId儘量設定同一個名字。各位讀者可以試試如果不一樣名字的情況,哈哈,我就不試了。Finish.

 點選Finish後,模組就建立完成了。Idea在建立一個Maven專案後,會先下載一些外掛,這一過程很短,十幾秒就完成。完成後,模組的結構如圖。

這裡插一嘴,如果第一次使用idea的朋友,可以去資料夾裡面看一下你的專案。servletDemo資料夾有一個.idea 和out資料夾。這表明servletDemo是一個專案。

而servletDay01資料夾如下圖。它是依賴於父模組的。

好了,回到正題。後面還要好多步驟呢。如圖操作,我們新增Tomcat。

 點選Edit Configurations後,如圖

點選加號

 

 這裡就是配置Tomcat的一些資訊。如果你的Application server裡面沒有本地的Tomcat,你需要Configure找到本地Tomcat的路徑。Tomcat需要相關版本的JRE支援。

After launch右邊的瀏覽器你可以選擇自己習慣的。我使用的Google的Chrome,你用IE什麼的也行。下面的HTTP port是你Tomcat執行時使用的埠號。如果衝突,可改一下。

點選OK。

OK後,我們就配置好了Tomcat,此時我們會看到。專案中顯示了我們剛才配置的名叫Tomcat 5.5的Tomcat。Tomcat我們就先配置到這裡。我們再去我們的servletDay01這個Module裡配置一些東西。

下面我們需要開啟Project Structure。

開啟後,在Modules中我們可以看到,我們有兩個Module。在servletDay01中,右鍵,Add一個Web。

這裡我就有疑惑了,這個Web是啥?然後如圖所示,我們做相應設定。點選OK。

然後我們配置Artifacts。在Artifacts中,點選綠色加號。選擇Web Application:Exploded。這裡我就比較迷茫了。我不知道什麼是Web Application Exploded。但是一會兒我們可以在Tomcat中設定Deploy,然後選擇這個Artifacts。

這裡沒有需要更改的,可以直接點選OK。

Module配置好了。我們回去設定Tomcat的Deployment。Deployment中設定的專案,可以在Tomcat執行時進行載入。這裡,我們選擇Artifact。這裡需要注意,只有像我剛才那樣設定了Artifact才會出現這個Artifact。否則只有External Source。

點選Artifact後, 自動載入了servletDay01:war exploded。這裡我們需要設定一個Application context,斜槓開頭,後面跟著你的模組名稱(idea中我習慣叫模組。如果是eclipse的使用者,這個就是專案名稱)。點選OK。

至此,全部配置完畢,我們可以執行Tomcat了。

執行成功

此時如果修改index.jsp後,直接重新整理頁面,頁面不會有變化。我們可以設定Tomcat的更新動作(這個設定是所謂的熱部署麼?不知道)

設定了之後,再修改jsp檔案後,不用重啟Tomcat也可以看到頁面的改變了。

寫到這裡,還是有疑惑的。為什麼在瀏覽器輸入的地址,不加index.jsp也能開啟這個jsp檔案呢?是idea的某些設定麼?希望知道的人可以留言。