JavaWeb:Maven创建Web项目

1.1 Web项目结构

Web项目的结构分为:开发中的项目和开发完可以部署的Web项目,这两种项目的结构是不一样的,我们一个个来介绍下:

  • Maven Web项目结构:开发中的项目

    在这里插入图片描述

  • 开发完成部署的Web项目

    在这里插入图片描述

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

1.2 创建Maven Web项目

介绍完Maven Web的项目结构后,接下来使用Maven来创建Web项目,创建方式有两种:使用骨架和不使用骨架,使用的idea版本:IntelliJ IDEA 2022.3 (Ultimate Edition)

使用骨架

具体的步骤包含:

1.创建Maven项目

2.选择使用Web项目骨架,输入Maven项目坐标创建项目,完成项目创建

3.删除pom.xml中多余内容

4.补齐Maven Web项目缺失的目录结构

  1. 创建Maven项目

    在这里插入图片描述

  2. 选择使用Web项目骨架,输入Maven项目坐标创建项目,完成项目创建

    在这里插入图片描述

  3. 删除pom.xml中多余内容,只留下面的这些内容,注意打包方式 jarwar的区别

    在这里插入图片描述

  4. 补齐Maven Web项目缺失的目录结构,默认没有javaresources目录,需要手动完成创建补齐,最终的目录结果如下

    在这里插入图片描述

不使用骨架

具体的步骤包含:

1.创建Maven项目

2.选择不使用Web项目骨架,输入Maven项目坐标创建项目

3.在pom.xml设置打包方式为war

4.补齐Maven Web项目缺失webapp的目录结构

5.补齐Maven Web项目缺失WEB-INF/web.xml的目录结构

  1. 创建Maven项目

    在这里插入图片描述

  2. 选择不使用Web项目骨架、输入Maven项目坐标创建项目

    在这里插入图片描述

  3. pom.xml设置打包方式为war,默认是不写代表打包方式为jar

    在这里插入图片描述

  4. 补齐Maven Web项目缺失webapp的目录结构

    在这里插入图片描述

  5. 补齐Maven Web项目缺失WEB-INF/web.xml的目录结构

    在这里插入图片描述

  6. 补充完后,最终的项目结构如下:

    在这里插入图片描述

上述两种方式,创建的web项目,都不是很全,需要手动补充内容,至于最终采用哪种方式来创建Maven Web项目,都是可以的,根据各自的喜好来选择使用即可。

1.3 IDEA使用Tomcat

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

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

1.2.1 集成本地Tomcat

目标: 将刚才本地安装好的Tomcat9集成到IDEA中,完成项目部署,具体的实现步骤

  1. 打开添加本地Tomcat的面板

    在这里插入图片描述

  2. 指定本地Tomcat的具体路径

    在这里插入图片描述

  3. 修改Tomcat的名称,此步骤可以不改,只是让名字看起来更有意义,HTTP port中的端口也可以进行修改,比如把8080改成80

    在这里插入图片描述

  4. 将开发项目部署项目到Tomcat

    在这里插入图片描述

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

    • war模式是将WEB工程打成war包,把war包发布到Tomcat服务器上

    • war exploded模式是将WEB工程以当前文件夹的位置关系发布到Tomcat服务器上

    • war模式部署成功后,Tomcatwebapps目录下会有部署的项目内容

    • war exploded模式部署成功后,Tomcatwebapps目录下没有,而使用的是项目的target目录下的内容进行部署

    • 建议大家都选war模式进行部署,更符合项目部署的实际情况

  5. 部署成功后,就可以启动项目,为了能更好的看到启动的效果,可以在webapp目录下添加index.jsp页面

    在这里插入图片描述

  6. 启动成功后,可以通过浏览器进行访问测试

    在这里插入图片描述

  7. 最终的注意事项

    在这里插入图片描述

1.3.2 Tomcat Maven插件

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

  1. pom.xml中添加Tomcat插件

    <build>
        <plugins>
        	<!--Tomcat插件 -->
            <plugin>
                <groupId>org.apache.tomcat.maven</groupId>
                <artifactId>tomcat7-maven-plugin</artifactId>
                <version>2.2</version>
            </plugin>
        </plugins>
    </build>
    
  2. 使用Maven Helper插件快速启动项目,选中项目,右键-->Run Maven --> tomcat7:run

在这里插入图片描述

注意:

  • 如果选中项目并右键点击后,看不到Run MavenDebug 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>

猜你喜欢

转载自blog.csdn.net/qq_37726813/article/details/128497826