圖文介紹IntelliJ IDEA 創建基於Maven構建的Web項目

轉載自:http://www.micmiu.com/software/common/intellij-idea-create-maven-web/


本文主要是圖文詳細介紹如何使用IntelliJ IDEA 創建基於Maven構建的Web項目的過程。

環境配置:

  • IntelliJ IDEA 12.1.4
  • JDK 1.6.0_51
  • Maven 3.0.4

詳細步驟:

如果是第一次打開軟件直接點擊 Create New Project ,如果之前已經打開過項目了,需要點擊菜單中 File → New Project … 如下圖:

idea-maven-web-01

選擇 Maven module ,輸入項目名稱,點擊 Next 如下:

idea-maven-web-02

編輯 GroupId、ArtifactId、選擇對應的 archetype ,點擊Next 如下:

idea-maven-web-03

確認信息正確後點擊 Finish 按鈕即可生成項目,如下圖:

idea-maven-web-04

到此項目已經創建完成,下面開始配置 Tomcat服務,點擊工具欄中的 向下箭頭的圖標(如下圖 紅框標註)或者點擊菜單欄中的 Run → Edit Configurations…  如下圖:

idea-maven-web-06

選中後如下:

idea-maven-web-07

點擊紅色標註的 + 按鈕,如下圖:

idea-maven-web-08

選擇 Tomca Server → Local  如下圖:

idea-maven-web-09

輸入名稱(隨便取比如 tomcat6)、配置tomcat 本地環境以及相應端口後,點擊 頁籤 Deployment 如下圖:

idea-maven-web-10

點擊 + 選擇 Artifact …

idea-maven-web-11

選擇需要發佈的應用,點擊 OK 按鈕。

idea-maven-web-12

編輯 Application Context 的名稱,點擊OK按鈕即完成Tomcat 配置。

雙擊打開 index.jsp ,編輯文件如下:

1 <html>
2 <body>
3 <h2>Hello World! </h2>
4 <h2>more see <a href="http://www.micmiu.com">micmiu.com </a>  </h2>
5 </body>
6 </html>

點擊下圖中標註的綠色啓動按鈕,即可發佈相關應用:

idea-maven-web-13

啓動正常應該看到如下信息:

idea-maven-web-14

啓動後會自動跳轉到瀏覽器,看到如下內容:

idea-maven-web-15

到此已經完成了項目創建、Tomcat配置、項目發佈等過程。



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