史上最简单Idea利用Maven搭建web项目

在网络的海洋中，很很多很多的人写了idea开发工具搭建web项目，各种配置，各种复杂，我这种人就受不了，所以今天就教大家一种很简单很简单的方式，maven+idea+web整一个web项目出来。

开发工具

1. IntelliJ IDEA 2017.2.1 x64
2. Maven 3.x
3. Jdk8.x

基础知识

习惯了使用eclipse的童鞋可能知道，在ec中project的概念，但是在idea中，两个是不同的概念哦。
简单理解：ec是一个项目，idea只是一个存项目的目录

下面的步骤是在maven,jdk，tomcat等环境是没有问题的基础上

开始搭建

1. 建立maven项目
2. 为maven项目增加web模块
3. 添加j2ee依赖包
4. 部署到tomcat
5. 运行测试

详细步骤

1. 建立maven项目

part1.png

part2.png

part3.png

maven项目.png

2. 为project添加webmodule

part1

part2

part3

part4

由于idea的原因，我们还需要把我们需要使用的项目打成war包，提交给tomcat来运行，所以还需要配置Artiacts，点击+号，弹出控制面板。

part5.png

弹出Select Modules对话框,选择中我们需要打的项目

image.png

part6

需要打成war包的时候，首先在pom.xml中添加war

添加J2EE依赖包

网上maven repository，然后进入搜索javaee-api

image.png

部署tomcat

1. 打开地址栏下图图标

   
   
   part1

part2

part3.png

part4

image.png

测试

1. 手动添加index.html

2. 在web.xml配置启动页

   
   
   测试

特别注意

1. 在删除target目录之后，编译的位置就不对了，需要重新进行web模块的Web Resource Directories设置，它会自动到src下的webapps中寻找，但是我们没有这个目录，所以将不能正常运行项目
2. 还会导致Artifacts中的Output dictorys目录变化

以上两点是最容易忽略的地方，想着重新build一下target目录，删除一下，但是这样将会导致问题，
点击Build,build project的时候都将全部重新编译，无需删除目录。

总结

到这里，史上最简单的idea搭建web项目就完成了。
先给自己一个小红心......