使用IDEA搭建JavaWeb项目骨架

前言

记得17年初的时候，尝试学习开发 JavaWeb 项目，刚开始搭建时候，真的是一头雾水，使用哪个 IDE 比较好呢，目录结构如何才是合理的呢，Tomcat 服务器如何找到项目的根目录呢，blabla~~到处查资料，半信半疑的尝试，到最后成功把项目跑起来以后，成就感真的是满满的>_<~~现在把之前的笔记整理一下吧。

一、新建项目

我选择的是 IntelliJ IDEA 作为开发工具，觉得真的挺好用的。

1）初次打开 IDEA 时，会弹出下面的窗口，我们可以选择 Create New Project 来创建一个新的项目：

或者打开后直接进入了之前创建的项目的编辑页面，我们也可以点击 IDEA 左上角的 File->New->Project  来创建项目：

2）然后我们可以看到下面的弹框，我们选择搭建一个符合 Maven 约定的目录，接着在里面勾选 Create from archetype，然后往下拉找到 org.apache.maven.archetypes:maven-archetype-webapp ，选中它,注意要先勾选红色框圈住的那个选项,否则选择不了，我们点击 Next 继续。

3）然后就填写 Maven 的坐标和版本号了，按照自己习惯进行填写。

4）接下来就是配置你的 Maven 的相关配置信息，默认应该是配置好的。

5）然后配置你的项目的名称和路径的相关信息，默认是填写了的。最后就是点 Finish ，到此不出意外的话就应该创建成功了。

6）我们可以看到新建项目成功后，会看到如下界面。也会看到IDEA右下角会弹出个小窗口，我们可以选中 Enable Auto-Import ，这样以后更改 pom 文件后就会自动下载相关的依赖包了。

二、目录骨架配置

1）项目新建好以后，可以看到项目的目录结构如下图，还不符合 Maven 约定的目录结构。

2）需要在 main 文件夹下建立 java 文件夹和 resources 文件夹；在 src 文件夹下建立 test 文件夹，并在 test 下建立 java 文件夹和 resources 文件夹。当然如果此时我们想在 src/main/java 文件夹下创建 class 文件以及 packages ，是无法创建的。解决方法可以参考下文（http://blog.csdn.net/qq_27093465/article/details/52912444）。

3）把 main 目录下的 java 目录标识为 Sources Root 。

4）把 main 目录下的resources 标识为 Resources Root 。

5）把 test 目录下的 java 目录标识为 Test Sources Root 。

6）把 test 目录下的 resources 目录标识为 Test Resources Root 。

7）配置完以后的项目目录骨架如下图：

三、修改web.xml

maven 构建的 web 项目，使用的 webapp 版本比较低，默认为 2.3，不支持servlet的注解使用。我们需要修改版本为 3.1 。把 webapp 目录下的 web.xml 文件修改为以下的代码：

<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
                      http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
  version="3.1"
  metadata-complete="true">

</web-app>

四、配置Tomcat服务器

1）为了让项目正常跑起来，我们还需要配置 Tomcat 服务器。点击下图红框处：

2）我们可以看到如下的弹框界面，然后点击左上角的 + ，选中  Tomcat Server->Local  。

3）填写 Tomcat 服务器的相关配置，如名称、Tomcat 服务器版本、配置启动端口等，可参考下图配置：

4）我们可以看到上图的弹框底部有个 Warning ，需要进行解决。选中 Deployment ，再点击右侧的  + ，在弹框中选中项目部署时的打包方式为  war  包的打包方式，如下图：

然后分别点击  Apply  和  OK 即可。

五、启动项目

1）至此，一个简单的基于 Maven 的 JavaWeb 项目就搭建完毕了，我们可以点击下图的绿色三角形来运行项目：

2）启动完成后，会自动跳到浏览器，打开一个新的标签页，显示如下：

参考链接：

     https://blog.csdn.net/Lucky22Amin/article/details/82929627 

     http://blog.csdn.net/qq_27093465/article/details/52912444