1.創(chuàng)建JavaWeb項(xiàng)目

File --> New --> Project...

image

image.gif

?

設(shè)置工程名字：

image

image.gif

?

創(chuàng)建完成后工程結(jié)構(gòu)如下：

image

image.gif

?

2.設(shè)置Web項(xiàng)目

2.1 在WEB-INF 目錄下點(diǎn)擊右鍵，New --> Directory，創(chuàng)建 classes 和 lib 兩個(gè)目錄
classes目錄用于存放編譯后的class文件，lib用于存放依賴的jar包

image

image.gif

?

2.2 File --> Project Structure...，進(jìn)入 Project Structure窗口，

點(diǎn)擊 Modules --> 選中項(xiàng)目“JavaWeb” --> 切換到 Paths 選項(xiàng)卡 --> 勾選

“Use module compile output path”，將 “Output path” 和 “Test output path”

都改為之前創(chuàng)建的classes目錄
即將后面編譯的class文件默認(rèn)生成到classes目錄下

image

image.gif

?

2.3 點(diǎn)擊 Modules --> 選中項(xiàng)目“JavaWeb” --> 切換到 Dependencies 選項(xiàng)卡 --> 點(diǎn)擊右邊的“+”，選擇 “JARs or directories...”，選擇創(chuàng)建的lib目錄

image

image.gif

?

選擇Jar Directory

image

image.gif

?

2.4 配置打包方式Artifacts：點(diǎn)擊 Artifacts選項(xiàng)卡，IDEA會(huì)為該項(xiàng)目自動(dòng)創(chuàng)建一個(gè)名為“JavaWeb:war exploded”的打包方式，表示 打包成war包，并且是文件展開性的，輸出路徑為當(dāng)前項(xiàng)目下的 out 文件夾，保持默認(rèn)即可。另外勾選下“Build on make”，表示編譯的時(shí)候就打包部署，勾選“Show content of elements”，表示顯示詳細(xì)的內(nèi)容列表。

image

image.gif

?

3.配置Tomcat

3.1 Run -> Edit Configurations，進(jìn)入“Run Configurations”窗口，點(diǎn)擊"+"-> Tomcat Server -> Local，創(chuàng)建一個(gè)新的Tomcat容器

image

image.gif

?

3.2 在"Name"處輸入新的服務(wù)名，點(diǎn)擊“Application server”后面的“Configure...”，彈出Tomcat Server窗口，選擇本地安裝的Tomcat目錄 -> OK

image

image.gif

?

3.3 在“Run Configurations”窗口的“Server”選項(xiàng)板中，去掉勾選“After launch”，設(shè)置“HTTP port”和“JMX port”，點(diǎn)擊 Apply -> OK，至此Tomcat配置完成。

image

image.gif

?

4.JavaWeb測(cè)試

4.1 Run -> Edit Configurations，進(jìn)入“Run Configurations”窗口，選擇之前配置好的Tomcat，點(diǎn)擊“Deployment”選項(xiàng)卡，點(diǎn)擊“+” -> “Artifact”-> 選擇創(chuàng)建的web項(xiàng)目的Artifact...修改“Application context”-> Apply -> OK

image

image.gif

?

4.2 在index.jsp文件中的body之間添加要顯示的內(nèi)容，然后點(diǎn)擊“運(yùn)行”的綠色三角
打開瀏覽器，輸入：localhost:8080/JavaWeb

image

image.gif

?