1.4 創建Web項目示例

1.4.1 在Eclipse中創建Web項目

在Eclipse中創建一個名為firstProject的Web項目的過程如下。

（1）啟動Eclipse，在菜單欄中選擇File→New→Dynamic Web Project。

（2）打開New Dynamic Web Project窗口，在Project name文本框中輸入項目的名稱“firstProject”，其他采用默認配置，并依次單擊“Next”按鈕，打開如圖1-19所示的界面，在此界面中，Context root用于指定Web項目的根目錄，此處我們設置為chap1，Content directory用于指定存放Web資源的目錄，我們采用默認的設置，單擊“Finish”按鈕。

此時，在Eclipse左側的項目資源管理器中將顯示我們剛剛創建的Web項目firstProject，可以依次展開各節點，顯示其目錄結構。

1.4.2 在IDEA中創建Web項目

以IDEA2021.3.2版本為例，在IDEA中創建一個名為secondProject的Web項目的過程如下。

（1）打開IDEA，單擊菜單File→New→Project，打開“New Project”窗口，在窗口左側選擇“Java”，右側選擇項目SDK版本（Project SDK），再依次單擊“Next”按鈕，如圖1-20、圖1-21所示。

（2）在打開的窗口中，輸入項目名稱“secondProject”，并設置好項目存放路徑，單擊“Finish”按鈕，如圖1-22所示。

（3）項目建立后，在打開的主界面中，選中左側的項目名稱“secondProject”，單擊右鍵，在打開的菜單中選擇“Add Framework Support...”，如圖1-23所示。

在之后的界面中選中“Web Application（4.0）”，如圖1-24所示，單擊“OK”按鈕。

（4）完成上述操作后，在項目中會生成Web文件夾，即Web項目結構，如圖1-25所示。

（5）選擇菜單File→Project Structure，打開Project Structure窗口，在該窗口左側選擇Modules，右側選擇Dependencies選項卡，如圖1-26所示。

（6）單擊界面中的“+”，并選擇“2 Library...”，如圖1-27所示。

（7）打開Choose Libraries窗口，在此窗口中選擇Application Server Libraries下配置好的Tomcat服務器版本，如圖1-28所示，單擊“Add Selected”按鈕，再次返回到如圖1-26所示的窗口。

選中窗口中將要添加的Tomcat選項，如圖1-29所示，依次單擊“Apply”按鈕及“OK”按鈕。至此，一個完整的Web項目創建完成。