在IntelliJ IDEA 中創建運行web項目

安裝工具

1、JDK7+

2、IntelliJ Idea 工具(下載安裝後,網上找註冊碼破解即可)

3、tomcat7+ 解壓縮版

 

明確兩個概念:

1、Project:類似於eclipse的workspace概念

2、Module:類似於eclipse的工程項目概念

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

 

【1、創建一個項目】

入口

首次:

工作界面:

注意選擇紅框部分

一路next。

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

點擊finish,完成project創建。

 

【2、創建一個Module】

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

 

勾選“Web Application” -> 確認已勾選“Create web.xml” -> Next

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

 

生成文件:

 

 工作臺:

 

 【3、設置產出和依賴目錄

 右鍵文件夾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” 

勾選

 

 【4、配置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配置完成。

 

 

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

Run -> Edit Configurations,進入"Run/Debug Configurations"窗口 -> 選擇剛剛建立的Tomcat容器 -> 選擇Deployment -> 點擊右邊的“+”號 -> 選擇Artifact

 

 

->選擇web項目 -> Application context可以填“/firstweb”(其實也可以不填的~~) -> OK

 

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

右上角也有

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

 

啓動tomcat

 

 

然後頁面訪問下

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章