配置Tomcat并启动Maven项目

上个博客写到我已经使用IDEA创建一个Maven项目。接下来打开创建好的项目，可以看到其目录结构如下图，在src文件夹下有一个main文件夹，里面只有一个webapp文件夹。web.xml文件是用来配置网页的，index.jsp是网页的首页，用Tomcat运行此项目会在浏览器上显示该网页内容

接下来配置Maven，点击File，选择Setting，搜索Maven，在Maven home path中选择安装在本地的Maven的位置，User setting file选择Maven安装目录下的conf文件夹里的setting.xml文件，Local repository选择Maven安装目录下的本地仓库。这一步因为在创建项目的时候我已经配置好了，所以不做更改，如果在创建项目时没配置好Maven可在此处更改

刚刚说过，新建的项目在main下只有一个webapp，用来存放前端网页资源，我们想要做一个JavaWeb还需要用Java编写后台代码。所以需要在main下新建两个文件夹，一个命名为java，用来管理Java类，一个命名为resouces，用来存放资源。此时在java文件夹下右击新建，没有Java类文件可选，这是因为没有将java文件设为源码目录。将java文件设为源码目录的操作如下图

或者也可以在Project Setting 里的Modules里进行操作

接下来配置Tomcat。点击IDEA右上角的Configurations，点击 + ，找到Tomcat Server，选择其下的Local，即本地的Tomcat。

如下图，在Server配置页面中，除了Name可根据自己喜好随意配置，其他选项一般采取默认即可。在底下可以看到一个警告，即没有artifacts，我们必须要创建一个。

如点击Deployment，然后点击 + ，添加一个Artifacts。

选择第一个war。

在Application context一栏可填可不填，不填即默认URL为localhost:8080，填写如我的/JavaWeb_Demo1_war，则URL为localhost:8080/JavaWeb_Demo1_war

Tomcat配置完成后，选择刚刚添加的Tomcat9.0.391，点击绿色启动按钮启动项目

我在第一次启动时浏览器显示404，找不到请求的资源，后面百度找了很多原因和解决方法，发现原来是没配置好

如下图所示，浏览器获取的资源是在webapp里面的，但是对比发现现在的webapp图标没有小蓝点


如下图，选择Project Structure

在Modules中添加Web Resources Directory中添加本项目的webapp，然后点击Apply使配置生效

配置完后重新启动项目，在浏览器上可以看到如下所示的网页内容，webapp图标也有小蓝点，这表明项目可以正常运行。后面开启JavaWeb之旅吧！