Maven创建Web项目并使用Tomcat本地服务器和集成服务器

Maven创建Web项目并使用Tomcat本地服务器和集成服务器

开发中的项目结构和开发完的项目结构对比：

开发中的web项目

开发完发布的web项目

• 开发项目通过执行Maven打包命令package,可以获取到部署的Web项目目录
• 编译后的Java字节码文件和resources的资源文件，会被放到WEB-INF下的classes目录下
• pom.xml中依赖坐标对应的jar包，会被放入WEB-INF下的lib目录下

1、使用Maven创建Web项目

1.1、使用骨架创建web项目

创建一个新的模块

勾选框上的复选框，选中蓝色选中的webapp骨架

点击next下一步

给模块命名

点击next下一步

选中maven版本和本地仓库信息【这里选中系统默认的maven】

点击Finish完成模块的创建

模块创建之后，返回点击ok即可完成等待web项目的创建

默认使用骨架创建出来的web项目会附带很多的maven依赖包，可以手动的去删除<build>标签里面的所有依赖项

移除依赖项一定要刷新

创建的web目录如下图

补齐Maven Web项目缺失的目录结构，默认没有java和resources目录，需要手动完成创建补齐

IDEA会提示缺失的两个文件，双击即可创建出来

1.2、不使用骨架创建web项目

创建maven项目

不使用骨架创建直接点击下一步

点击Finish完成模块的创建

将pom.xml中添加一句代码带包成war包才能说是web项目

默认创建的项目如下

缺失一个webapp文件，手动的创建出来

按住键盘的Ctrl+Alt+Shift+S可以快速的弹出项目管理

没有刚创建的web-Demo2，就点击上面的+号按钮选中web

选中web-Demo2项目，点击ok

两个蓝色选项的上面都有一个+就是用来添加文件的，点击会默认给出需要添加的文件

文件创建成功，将文件拖入到main文件下即可

2、IDEA中使用tomcat本地web服务器

• Maven Web项目创建成功后，通过Maven的package命令可以将项目打包成war包，将war文件拷贝到Tomcat的webapps目录下，启动Tomcat就可以将项目部署成功，然后通过浏览器进行访问即可。
• 然而我们在开发的过程中，项目中的内容会经常发生变化，如果按照上面这种方式来部署测试，是非常不方便的
• 如何在IDEA中能快速使用Tomcat呢?

在IDEA中集成使用Tomcat有两种方式，分别是集成本地Tomcat和Tomcat Maven插件

2.1、集成本地Tomcat

打开添加本地Tomcat的面板

指定本地的Tomcat服务器路径

将项目部署到Tomcat中

扩展内容： xxx.war和 xxx.war exploded这两种部署项目模式的区别?

• war模式是将WEB工程打成war包，把war包发布到Tomcat服务器上
• war exploded模式是将WEB工程以当前文件夹的位置关系发布到Tomcat服务器上
• war模式部署成功后，Tomcat的webapps目录下会有部署的项目内容
• war exploded模式部署成功后，Tomcat的webapps目录下没有，而使用的是项目的target目录下的内容进行部署
• 建议大家都选war模式进行部署，更符合项目部署的实际情况

部署成功之后，在webapp目录下创建一个a.html页面

启动项目

服务器启动自动打开浏览器，输入a.html访问写好的页面

2.2、Tomcat Maven插件项目部署

使用到Maven Helper插件

在IDEA中使用本地Tomcat进行项目部署，相对来说步骤比较繁琐，所以我们需要一种更简便的方式来替换它，那就是直接使用Maven中的Tomcat插件来部署项目，具体的实现步骤，只需要两步，分别是:

在pom.xml中添加Tomcat插件

ALT+Ins可以快速调用插件模板

<build>
    <plugins>
    	<!--Tomcat插件 -->
        <plugin>
            <groupId>org.apache.tomcat.maven</groupId>
            <artifactId>tomcat7-maven-plugin</artifactId>
            <version>2.2</version>
            <configuration>
                    <port>80</port>
                </configuration>
        </plugin>
    </plugins>
</build>

使用Maven Helper插件快速启动项目，选中项目，右键–>Run Maven --> tomcat7:run

同样可以访问到

注意:

• 如果选中项目并右键点击后，看不到Run Maven和Debug Maven，这个时候就需要在IDEA中下载Maven Helper插件，具体的操作方式为: File --> Settings --> Plugins --> Maven Helper —> Install,安装完后按照提示重启IDEA，就可以看到了。

• Maven Tomcat插件目前只有Tomcat7版本，没有更高的版本可以使用
• 使用Maven Tomcat插件，要想修改Tomcat的端口和访问路径，可以直接修改pom.xml

<build>
    <plugins>
    	<!--Tomcat插件 -->
        <plugin>
            <groupId>org.apache.tomcat.maven</groupId>
            <artifactId>tomcat7-maven-plugin</artifactId>
            <version>2.2</version>
            <configuration>
            	<port>80</port><!--访问端口号 -->
                <!--项目访问路径
					未配置访问路径: http://localhost:80/tomcat-demo2/a.html
					配置/后访问路径: http://localhost:80/a.html
					如果配置成 /hello,访问路径会变成什么?
						答案: http://localhost:80/hello/a.html
				-->
                <path>/</path>
            </configuration>
        </plugin>
    </plugins>
</build>

小结

通过这一节的学习，大家要掌握在IDEA中使用Tomcat的两种方式，集成本地Tomcat和使用Maven的Tomcat插件。后者更简单，推荐大家使用，但是如果对于Tomcat的版本有比较高的要求，要在Tomcat7以上，这个时候就只能用前者了。