![Java Web开发从0到1](https://wfqqreader-1252317822.image.myqcloud.com/cover/697/52842697/b_52842697.jpg)
1.6.4 使用IDEA开发Web应用——HelloWorld
打开IDEA,选择File→New Project,输入项目名称HelloWorld,如图1.15所示。
![](https://epubservercos.yuewen.com/61CE3A/31398315104711006/epubprivate/OEBPS/Images/Figure-P36_3652.jpg?sign=1739273810-Qb44qPc5PMj8sGqqqa1NECZgMdU2wGEq-0-5fc34ee5a67ba864648791cd1f36e6c6)
图1.15 创建工程
这里创建的是普通的Java项目,我们要创建Web项目,右击项目名称,选择Add Frameworks Support,勾选Web Application,即可创建成功,如图1.16所示。
![](https://epubservercos.yuewen.com/61CE3A/31398315104711006/epubprivate/OEBPS/Images/Figure-P36_3653.jpg?sign=1739273810-oyA2e4uiZsrXvIbP9AcC9HmcNO27BcJG-0-578998a5e846bc245c2b9f6f619466de)
图1.16 添加Web Application
接下来,我们在WEB-INF下创建classes和lib文件夹,如图1.17所示。
![](https://epubservercos.yuewen.com/61CE3A/31398315104711006/epubprivate/OEBPS/Images/Figure-P37_3680.jpg?sign=1739273810-jNTXITXmNe2g8Mf6bL78Dkox1qsCnN3i-0-7e8d9a20945a870f061b1137ed3a52a0)
图1.17 创建文件夹
选中项目名,右击,选择Open Module Settings,如图1.18所示。
![](https://epubservercos.yuewen.com/61CE3A/31398315104711006/epubprivate/OEBPS/Images/Figure-P37_3681.jpg?sign=1739273810-1BxBc3NjaPz2zsKnEVYMxKcLIVZ1MYb7-0-be801b0b173b2c32102786996dd1981e)
图1.18 打开模块设置菜单
选择Modules → HelloWorld → Paths,将下面的Output path改成刚刚创建的classes文件夹,如图1.19所示。
![](https://epubservercos.yuewen.com/61CE3A/31398315104711006/epubprivate/OEBPS/Images/Figure-P38_3704.jpg?sign=1739273810-FPordVA2SJpUxM9PiByLtot11dHAlVJt-0-0f542d13b10270dc0cfaa0f43ca398ee)
图1.19 配置classes目录
切换至Dependencies(依赖)选项卡,单击“+”,选择JARs or Directories,如图1.20所示。
![](https://epubservercos.yuewen.com/61CE3A/31398315104711006/epubprivate/OEBPS/Images/Figure-P38_3705.jpg?sign=1739273810-Xew0fNRlJN0a00TDvMupGXIIeKe71PLy-0-e8481a8700b7570d6bd31e2556a4d746)
图1.20 选择配置JARs项
选择刚刚创建的lib文件夹,如图1.21所示。
![](https://epubservercos.yuewen.com/61CE3A/31398315104711006/epubprivate/OEBPS/Images/Figure-P39_3726.jpg?sign=1739273810-S33AouEZFQNUZU0g2ZmGgiicWDKjFINy-0-64b2309e120afb607c7f3c881c61c60a)
图1.21 配置lib目录
可以看到,依赖项中多了刚刚选择的lib目录,如图1.22所示,把图示的JAR包文件加进来,再单击OK按钮关闭配置窗口。
![](https://epubservercos.yuewen.com/61CE3A/31398315104711006/epubprivate/OEBPS/Images/Figure-P39_3727.jpg?sign=1739273810-QKQ8Q0AIUqqdRbj9mfCyildMnbu88yxh-0-fd3531f02fea7d7b9608ca43db4fa509)
图1.22 lib目录配置结果
接下来配置Web服务器。从主菜单开始,依次选择Run→Edit Configuration→Run/Debug Configurations→+→Tomcat Server→Local选项,打开Run/Debug Configurations窗口配置Web服务器,如图1.23所示。
![](https://epubservercos.yuewen.com/61CE3A/31398315104711006/epubprivate/OEBPS/Images/Figure-P40_3735.jpg?sign=1739273810-8Yqh07d3ETC6VYJcHE5A3Gbm5uRArejf-0-afaf9f47f85a01a93977d6d28c5c0d88)
图1.23 配置Tomcat
单击“+”,加入Tomcat 10.0.12,如图1.24所示,在窗口右侧单击Configure…按钮,打开如图1.25所示的窗口,在Tomcat Home中输入Tomcat解压缩的路径,再单击OK按钮关闭配置窗口。
![](https://epubservercos.yuewen.com/61CE3A/31398315104711006/epubprivate/OEBPS/Images/Figure-P40_3736.jpg?sign=1739273810-FiWKd7Uug5O2LhR3xzCw4Xee4EYcw9bl-0-90a326468fae52d330b2c28e72cd1d55)
图1.24 配置Tomcat
![](https://epubservercos.yuewen.com/61CE3A/31398315104711006/epubprivate/OEBPS/Images/Figure-P41_3759.jpg?sign=1739273810-WWAiclYWU56lL2TKTAEF6oDyBsZXYZSJ-0-f884315da773518b22c11812113f3e79)
图1.25 配置Tomcat根目录
切换到Deployment选项卡,单击“+”,在弹出的菜单中选择Artifact…,会自动加入本应用的上下文(如图1.27中的“/HelloWorld_war_exploded/”),再单击OK按钮,如图1.26所示。
![](https://epubservercos.yuewen.com/61CE3A/31398315104711006/epubprivate/OEBPS/Images/Figure-P41_3760.jpg?sign=1739273810-ZdUUHkrCi78hqFWJtxN8YWROJORXUQFU-0-8cc63afd659075823a4e02adc6aba289)
图1.26 部署Web项目
注意,在图1.26的Server选项卡中的应用URL,会随着应用上下文的加入而发生变化,如图1.27所示。同时,这个URL可以用来手工设置应用的入口。
![](https://epubservercos.yuewen.com/61CE3A/31398315104711006/epubprivate/OEBPS/Images/Figure-P42_3795.jpg?sign=1739273810-a4M6L3uunUCmkbTTt5ICtYjqoFDzkcSn-0-126db1787bc4f34fef68566982cae00b)
图1.27 访问应用的URL
接下来,单击IDEA右上角的三角形图标,启动Tomcat,三角形图标右边的爬虫图标是以Debug模式启动Tomcat,如图1.28所示。
![](https://epubservercos.yuewen.com/61CE3A/31398315104711006/epubprivate/OEBPS/Images/Figure-P42_3796.jpg?sign=1739273810-NmchvV6uEWtwlb0lBflkXtZUMeLcMIRk-0-f7a1037e6ee26ab2fb15385a6dff6da4)
图1.28 启动Tomcat
启动Tomcat后,会自动打开默认浏览器,执行结果如图1.29所示。
![](https://epubservercos.yuewen.com/61CE3A/31398315104711006/epubprivate/OEBPS/Images/Figure-P42_3797.jpg?sign=1739273810-0jRZLK3KUHm0rIzsKLORd96119Y794e9-0-4e7f5ea4dc33337d420ddc5d269ca134)
图1.29 执行结果
至此,我们完成了IDEA开发部署第一个Web应用程序,同时也了解了IDEA部署、发布应用程序的流程和步骤。