idea2017建立maven web專案

開始接觸一個新的ide真是一頭霧水，不過不得不說idea的功能是真的強大。作為一個剛剛開始搞web的小小小白，開始第一個專案的過程很是艱辛，光建立專案到部署到伺服器出現的問題都數不勝數，經過幾天的研究，終於瞭解了maven web專案從建立到部署的整個流程，寫這個部落格也是希望能幫助和我一樣剛開始接觸這個的同學，能少走些彎路。

1.開發環境

• jdk1.8
• tomcat 9.0.0
• idea 2017.1
• maven 3.5.0

關於這些環境的搭建就不再多說，百度上有很多，請自行百度

2.建立maven web專案

首先開啟idea，點選“create new project“，在左邊一欄找到maven，右邊把“create from archetype“鉤上，根據模版來建立專案，注意在選擇模版的時候一定要選擇org.apache.maven.archetype下的webapp專案。

點選next後

在這裡輸入groupid和artifactid後點擊next

選擇你自己配置的maven的settings.xml和respository，maven倉庫一定要配好，否則建立專案會失敗，可以用阿里的倉庫。點選next下一步

這裡點finish就完成來maven專案的建立

3.專案部署

在maven專案建立完後，idea會開始下載maven所需要的依賴，這時需要網路好才能成功完成建立。當專案成功建立後的結構如下圖：


先選擇facts ， 點選“＋“，找到web，點選後彈出，選擇我們剛建立的module，點選ok


我們就建立了一個web模組了，在這裡我們需要修改deployment descriptors中的path，點選小鉛筆的按鈕，把它的路徑改成我們專案中的web.xml。改完後需要將web resource directories 改成我們專案的webapp資料夾。
改完後的效果如下圖：

點選apply後，選擇左邊欄的artifacts進行配置，點選＋ ，選擇web application：exploded, 選擇form modules，選擇我們的web專案，點選ok後如下圖

點選apply 後點擊ok就完成來web專案的配置。
下面我們將web專案部署到tomcat伺服器中，首先在run選單下找到edit configurations,點選後，選擇＋，找到tomcat server。

name可以根據自己的喜好來填，第一次使用tomcat伺服器的同學需要配置application server,選擇我們電腦下的tomcat伺服器的路徑。接著點選deployment,選擇＋，arifacts，將我們前面配置的artifacts部署到tomcat中，我們可以在application context配置專案的路徑。然後點選apply，ok完成tomcat伺服器配置。

接下來我們就可以執行啦，看看是否部署成功。點選下圖中的爬蟲一樣的按鈕debug，可以看到tomcat伺服器正在啟動中，如果tomcat伺服器沒有問題就可以成功的啟動。

這時會自動跳轉到瀏覽器端，我們可以發現我們的web專案成功部署到了tomcat伺服器中了。

【匯入Eclipese web應用】

現在需要對專案進行配置，點選project structure（上圖最上面一欄倒數第四個圖示），點選後彈出下面的框。

配置專案，File–>Project Structure ，點選 Modules→Dependencies 設定Module SDK ，把紅色org開頭的都remove掉（org開頭的是eclipse的配置檔案），如下圖：

第六步：點選當前頁面的Libraries→上面綠色加號→Java（根據你的需要，我這個專案是以架包的形式）。

第七步：選擇你專案中所用的架包的目錄點選OK

 " java: 程式包javax.servlet不存在、 java: 程式包javax.servlet.annotation"錯誤

使用Eclips開發JSP也需要這兩個包：javax.servlet和javax.servlet.http；若提示沒有javax.servlet包則安裝如下處理辦法解決：

如果你裝了Tomacat，那麼把它lib下的servlet-api.jar和jsp-api.jar 拷貝到Eclipse的jre下，或者在project->properties->library中匯入就行，或者放到專案中的 web-inf/lib 目錄下即可。