Intellij Idea 2017建立web項目及tomcat部署實戰

相關軟件：Intellij Idea201七、jdk1六、tomcat7

Intellij Idea直接安裝（可根據須要選擇本身設置的安裝目錄），jdk使用1.6/1.7/1.8均可以，主要是配置好系統環境變量，tomcat7上tomcat的官網下載壓縮包解壓便可。

 

1、建立簡單web項目

一、建立一個web project

File -> new Project ->選擇project sdk 爲1.6（若是沒有sdk的同窗請先配置）-> Next

create project from template 頁面，不勾選任何選項 -> Next

輸入項目名：webDemo -> Next -> Finish

 

2、建立一個Module

鼠標點中項目名稱webDemo -> 右鍵選擇New，選擇Module -> Module SDK 選擇1.6 -> 勾選JavaEE下的Web Application(3.1) ，注意窗口下的version對應爲3.1，且Create web.xml已勾選 -> Next

輸入Module name 爲firstweb -> Finish

 三、建立好的web項目

 四、在web/WEB_INF 目錄下建立兩個文件夾：classes和lib

classes用來存放編譯後輸出的class文件，lib用於存放第三方jar包

 五、配置文件夾路徑

File -> Project Structure (ctrl + shift + Alt + s) 或者使用工具欄的快捷鍵 -> 選擇Modules

-> 選擇Paths -> 選擇「Use module compile out path」 -> 將Outputpath 和Test output path 都設置爲剛剛建立的classes文件夾

選擇當前窗口的Dependencies -> 將Module SDK選擇爲1.6 ->點擊右邊的 + 號 -> 選擇 「1 JARS or directories ...」

-> 選擇剛剛建立的lib文件夾 -> OK

-> 選擇Jar Directory -> OK

-> Apply -> OK

 

3、配置Tomcat容器

打開菜單Run -> Edit Configurations...

點擊 「+」 ，選擇 「Tomcat Server」 -> 選擇「Local」

在Name出輸入新的服務器名，點擊 "Application Server" 後面的 "Configure..."，彈出Application Servers窗口，在Tomcat Home 選擇本地安裝的tomcat目錄 -> OK

 

在"Run/Debug Configurations"窗口中Name一欄輸入服務器的名字tomcat7，在「Server」面板中，勾選取消「After Launch」，設置「HTTP port」和「JMX port」（默認值便可），點擊Apply -> OK，至此tomcat配置完畢（左邊列表中tomcat圖標上小紅叉是未部署項目的提示，部署項目後就會消失）。

 

4、在tomcat上部署並運行項目

在建立好tomcat後，能夠經過工具欄快速打開tomcat的配置頁面：

也能夠經過菜單欄：Run -> Edit Configurations... ->選擇剛建立的tomcat7 -> 選擇Deployment ->點擊右邊的「 + 」號 -> 選擇 Artifact

-> 選擇web項目 -> Application Context能夠填「/firstweb」(也能夠不填) -> Apply 

回到Server面板，將On 'update' action和On frame deactivation（這兩個選項是tomcat配置了項目後纔有的）改成update classes and resources -> Apply

 

開發web項目並運行tomcat查看效果

一、編輯index.jsp頁面

二、運行tomcat