[Intellij] 在IntelliJ IDEA 中建立運行web項目

 

 

 

安裝工具

一、JDK7+

二、IntelliJ Idea 工具（下載安裝後，網上找註冊碼破解便可）

三、tomcat7+ 解壓縮版

 

明確兩個概念：

一、Project：相似於eclipse的workspace概念

二、Module：相似於eclipse的工程項目概念

固然，實際開發中最好是一個Project對應一個module。

 

【一、建立一個項目】

入口

首次：

工做界面：

注意選擇紅框部分

一路next。

新建文件夾：F:\IntelliJ_IDEA_Project\DemoProject 做爲示例project的存放路徑

點擊finish，完成project建立。

 

【二、建立一個Module】

鼠標點中項目名稱DemoProject-> 右鍵選擇New，選擇Module 

 

勾選「Web Application」 -> 確認已勾選「Create web.xml」 -> Next

輸入Module名字和存儲路徑，點擊finish

 

生成文件：

 

 工做臺：

 

 【三、設置產出和依賴目錄】

 右鍵文件夾WE-INF，在web/WEB-INF下建立兩個文件夾：classes和lib，並設置產出路徑

 

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

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」 

勾選

 

 【四、配置tomcat容器】

打開菜單Run -> 選擇Edit Configuration 

 

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

 

 

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

 

選擇tomcat跟路徑

"Server"選項板中，取消勾選"After launch"，設置"HTTP port"和"JMX port"（默認值便可），點擊 Apply -> OK， 至此Tomcat配置完成。

 

 

【五、在Tomcat中部署並運行項目 】

Run -> Edit Configurations，進入"Run/Debug Configurations"窗口 -> 選擇剛剛創建的Tomcat容器 -> 選擇Deployment -> 點擊右邊的「+」號 -> 選擇Artifact

 

 

->選擇web項目 -> Application context能夠填「/firstweb」(其實也能夠不填的~~) -> OK

 

 此時在左下角可見咱們剛建立的tomcat和部署的firstweb項目

右上角也有

而後咱們修改下index.jsp文件查看下訪問效果

 

啓動tomcat

 

 

而後頁面訪問下