使用IDEA 2018.1.5 maven创建web项目

1 环境版本说明

　　Jdk : 1.8

　　Maven : 3.9

　　IDEA : 专业版 2018.1.5

2 环境准备

　　2.1 Maven安装及其配置

　　2.2 Tomcat安装及其配置

3 详细步骤

　　3.1 根据模板创建maven工程

　　　　file -> new -> project -> maven -> webapp

　　　　技巧01：根据模板创建web工程时，请选择 maven-archetype-webapp 

3.1.2 配置GroupId、ArtifactId

3.1.3 配置maven

3.1.4 选择创建位置

　3.2 目录结构调整

　　　　项目创建成功后的目录结构如下：

　　跳坑01：新创建的项目中没有存放源文件的java文件夹，也没有存放测试文件的test文件夹，同样没有存放资源文件的resources文件夹

　　跳坑01：在main目录下新建java、resources两个文件夹，分别用来存放源文件和资源文件；在main的同级目录中新建test目录用来存放测试文件夹

　　技巧01：虽然我们创建了相关的文件夹，但是IDEA并不知道java文件夹是用来存放源文件，test用来存放测试文件，resources用来存放资源文件的；我们必须进行手动配置：

　　说明：是在main的同级目录中创建一个文件夹名为test，再在test中创建一个java文件夹，并将这个java文件夹指定为存放测试文件的包

　file -> project structure -> modules

　　　　设置完后整个目录结构如下：

3.3 配置tomcat

　　　　3.3.1 打开启动配置页面

3.3.2 添加tomcat启动项

　　3.3.3 配置tomcat基本信息

3.4 添加web模块

　　　技巧01：为项目添加一个web模块，file -> project structure -> module 

 

跳坑01：利用IDEA创建项目时会在main目录下创建一个webapp文件夹，该文件夹里面的内容就是需要被部署到tomcat容器的内容，但是我们为项目添加了web模块后会自动在项目的根目录下生成一个web文件夹【建议将这个web文件夹删除】，这个文件夹的作用和main目录下的web文件夹（将web修改为webapp，将web.xml替换为webapp中的web.xml）的作用相同，而且添加web模块时自动寻找的是新创建的web文件夹下面的web.xml文件；将web.xml改成webapp下面的web.xml，并将web的源文件文件夹改成webapp，修改后的效果如下：

3.4.1 添加artifacts

　　　　　　技巧01：添加一个web应用，这个web引用来源于modules【其实就是来源于我们创建的web工程】

3.4.2 配置发布页面

　　　将 artifacts 中配置为web应用添加到tomcat配置中的deployment

3.4.3 配置开发热部署

　　　　　　就是修改前后台代码后不用重启tomcat，IDEA会自动进行【修改后台时自动重启tomcat服务器，修改前台时刷新浏览器就可以啦】

　3.4.4 启动测试

　　　　　　直接通过IDEA启动tomcat就可以啦

　　　　　　技巧01：应用启动成功后，会自动访问webapp里面的index.jsp页面

4 添加框架支持

　　我们创建的Web应用只是一个架子，不过IDEA支持自动添加框架；这样就不需要手动在pom.xml中添加相关框架的依赖配置了

右键项目 -> add framework stupport 

添加spring框架

　技巧02：点击确认后会自动将spring框架的依赖包下载到项目中去【PS: 是直接将依赖下载到项目中的lib目录下】，整个过程有点花时间

　　跳坑01：如果下载依赖期间由于网络原因失败，这时候就需要重新添加框架；但是这时候发现已经没有spring相关的选项了

　　填坑01：这是后就需要进入到项目结构中的modules配置中，将spring相关的模块删除，在重新进行框架添加

技巧03：添加完spring框架支持后会在webapp文件夹下自动生成相关的配置文件，并在webapp中的web.xml中对这些配置文件记性监听配置