1.6.4　使用IDEA开发Web应用——HelloWorld

打开IDEA，选择File→New Project，输入项目名称HelloWorld，如图1.15所示。

图1.15　创建工程

这里创建的是普通的Java项目，我们要创建Web项目，右击项目名称，选择Add Frameworks Support，勾选Web Application，即可创建成功，如图1.16所示。

图1.16　添加Web Application

接下来，我们在WEB-INF下创建classes和lib文件夹，如图1.17所示。

图1.17　创建文件夹

选中项目名，右击，选择Open Module Settings，如图1.18所示。

图1.18　打开模块设置菜单

选择Modules → HelloWorld → Paths，将下面的Output path改成刚刚创建的classes文件夹，如图1.19所示。

图1.19　配置classes目录

切换至Dependencies（依赖）选项卡，单击“+”，选择JARs or Directories，如图1.20所示。

图1.20　选择配置JARs项

选择刚刚创建的lib文件夹，如图1.21所示。

图1.21　配置lib目录

可以看到，依赖项中多了刚刚选择的lib目录，如图1.22所示，把图示的JAR包文件加进来，再单击OK按钮关闭配置窗口。

图1.22　lib目录配置结果

接下来配置Web服务器。从主菜单开始，依次选择Run→Edit Configuration→Run/Debug Configurations→+→Tomcat Server→Local选项，打开Run/Debug Configurations窗口配置Web服务器，如图1.23所示。

图1.23　配置Tomcat

单击“+”，加入Tomcat 10.0.12，如图1.24所示，在窗口右侧单击Configure…按钮，打开如图1.25所示的窗口，在Tomcat Home中输入Tomcat解压缩的路径，再单击OK按钮关闭配置窗口。

图1.24　配置Tomcat

图1.25　配置Tomcat根目录

切换到Deployment选项卡，单击“+”，在弹出的菜单中选择Artifact…，会自动加入本应用的上下文（如图1.27中的“/HelloWorld_war_exploded/”），再单击OK按钮，如图1.26所示。

图1.26　部署Web项目

注意，在图1.26的Server选项卡中的应用URL，会随着应用上下文的加入而发生变化，如图1.27所示。同时，这个URL可以用来手工设置应用的入口。

图1.27　访问应用的URL

接下来，单击IDEA右上角的三角形图标，启动Tomcat，三角形图标右边的爬虫图标是以Debug模式启动Tomcat，如图1.28所示。

图1.28　启动Tomcat

启动Tomcat后，会自动打开默认浏览器，执行结果如图1.29所示。

图1.29　执行结果

至此，我们完成了IDEA开发部署第一个Web应用程序，同时也了解了IDEA部署、发布应用程序的流程和步骤。

上一章目录下一章