在网络的海洋中，很很多很多的人写了idea开发工具搭建web项目，各种配置，各种复杂，我这种人就受不了，所以今天就教大家一种很简单很简单的方式，maven+idea+web整一个web项目出来。
开发工具
- IntelliJ IDEA 2017.2.1 x64
- Maven 3.x
- Jdk8.x
基础知识
习惯了使用eclipse的童鞋可能知道，在ec中project的概念，但是在idea中，两个是不同的概念哦。
简单理解：ec是一个项目，idea只是一个存项目的目录
下面的步骤是在maven,jdk，tomcat等环境是没有问题的基础上
开始搭建
- 建立maven项目
- 为maven项目增加web模块
- 添加j2ee依赖包
- 部署到tomcat
- 运行测试
详细步骤
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中添加<packaging>war</packaging>
添加J2EE依赖包
网上maven repository，然后进入搜索javaee-api
image.png
部署tomcat
-
打开地址栏下图图标
part1
part2
part3.png
part4
image.png
测试
- 手动添加index.html
-
在web.xml配置启动页
测试
特别注意
- 在删除target目录之后，编译的位置就不对了，需要重新进行web模块的Web Resource Directories设置，它会自动到src下的webapps中寻找，但是我们没有这个目录，所以将不能正常运行项目
- 还会导致Artifacts中的Output dictorys目录变化
以上两点是最容易忽略的地方，想着重新build一下target目录，删除一下，但是这样将会导致问题，
点击Build,build project的时候都将全部重新编译，无需删除目录。
总结
到这里，史上最简单的idea搭建web项目就完成了。
先给自己一个小红心......
网友评论