一般情况下，idea中的web工程的代码组织结构如下图所示：

web工程结构.png

主要有三部分组成，src/main/java 、src/main/resources、src/main/webapp.而webapp下需要有两个标准的目录，META-INF和WEB-INF。META-INF下由META-INF/MANIFEST.MF组成，WEB-INF下必须包含一个web.xml

webapp目录结构.png

由此，为了部署上述工程到tomcat或者其他web容器，由于初次使用idea，走了很多弯路，花了我大概1小时，才找到正确的设置方法：

第一步

选中当前工程，在idea的右上角，选中project structure视图，如下图所示：

project structure视图.png

第二步

选择Modules选项卡，点击“+”号，新增一个web类型的modules

add modules.png

然后按照如下截图中的序号顺序，选择工程中web.xml路径

设置web.xml路径.png

第三步

选中Artifacts选项，在右侧“+”，新增一个web Application Exploded-->From Modules

web Application Exploded.png

选择后，弹出选择Module对话框，选择相应的工程即可

image.png

第四步

按照第三步的方法再新增一个web Application Archive即可，此时会自动完成，按默认即可

第五步

配置edit Configurations，如下图所示：

edit Configurations.png

找到相应的web容器新增一个

image.png

新增以后出现如下配置信息窗口

image.png

在右侧的第二个选项卡中，配置需要部署的工程

image.png

选择“+”，新增刚才上面配置的web modules即可
通过以上步骤，即可完成tomcat在idea中的部署工作。
运行效果如下：

image.png

我是一名奋斗在二线城市，每天挤公交上班写代码的程序猿！励志在有限的时间能够贡献出自己最大的能量！请持续关注！我在简书等你！