1. 程式人生 > >Intellij Idea 建立Web專案入門(一)

Intellij Idea 建立Web專案入門(一)

Intellij Idea的安裝非常簡單,一步一步安裝即可。
JDK的安裝也挺簡單的,重要的是配置環境。在環境變數Path裡面添上Java的安裝路徑即可。
Tomcat資料夾不用安裝,直接解壓放在C盤下即可,或者放在其他資料夾下也可以,但是資料夾的名字最好不要帶中文

Idea建立Web專案步驟:
1、建立一個專案
File -> New Project -> 輸入專案名稱“Demos” ,選擇Project SDK為1.7 -> Next -> Finish
這裡寫圖片描述

2、建立一個Module
滑鼠點中專案名稱demos -> 右鍵選擇New,選擇Module
這裡寫圖片描述

輸入Module名稱“firstweb” -> 點選Next
這裡寫圖片描述

勾選“Web Application” -> 確認已勾選“Create web.xml” -> Finish
這裡寫圖片描述

3、建立好的web專案
這裡寫圖片描述

4、在web/WEB-INF下建立兩個資料夾:classes和lib
classes用來存放編譯後輸出的class檔案,lib用於存放第三方jar包。
這裡寫圖片描述

5、配置資料夾路徑
File -> Project Structure (快捷鍵:Ctrl + Shift + Alt + S) -> 選擇Module :
選擇 Paths -> 選擇”Use module compile output path” -> 將Output path和Test output path都選擇剛剛建立的classes資料夾。
這裡寫圖片描述

接著選擇Dependencies -> 將Module SDK選擇為1.7 -> 點選右邊的“+”號 -> 選擇1 “Jars or Directories”
這裡寫圖片描述

-> 選擇剛剛建立的lib資料夾
這裡寫圖片描述

-> 選擇“jar directory” -> 接著返回一路OK就行了~~
這裡寫圖片描述

6、配置Tomcat容器
開啟選單Run -> 選擇Edit Configuration
這裡寫圖片描述

點選“+”號 -> 選擇“Tomcat Server” -> 選擇“Local”
這裡寫圖片描述

在”Name”處輸入新的服務名,點選”Application server”後面的”Configure…”,彈出Tomcat Server視窗,選擇本地安裝的Tomcat目錄 -> OK
這裡寫圖片描述

在”Run/Debug Configurations”視窗的”Server”選項板中,取消勾選”After launch”,設定”HTTP port”和”JMX port”(預設值即可),點選 Apply -> OK, 至此Tomcat配置完成。
這裡寫圖片描述

7、在Tomcat中部署並執行專案
Run -> Edit Configurations,進入”Run/Debug Configurations”視窗 -> 選擇剛剛建立的Tomcat容器 -> 選擇Deployment -> 點選右邊的“+”號 -> 選擇Artifact
這裡寫圖片描述

->選擇web專案 -> Application context可以填“/hello”(其實也可以不填的~~) -> OK
這裡寫圖片描述

8、編輯index.jsp檔案
這裡寫圖片描述

9、執行Tomcat,在瀏覽器中檢視執行結果
這裡寫圖片描述

這裡寫圖片描述