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