超详细IDEA：MavenWeb项目配置Tomcat

╰半橙微兮° 2023-10-12 10:15 49阅读 0赞

#### 文章目录 ####

*   *  附IDEA创建MavenWeb项目教程
     *  附Windows 10安装配置Tomcat教程
     *  一、插件配置Tomcat方式
     *  二、IDEA部署本地Tomcat方式

### 附IDEA创建MavenWeb项目教程 ###

[超详细IDEA创建MavenWeb项目教程][IDEA_MavenWeb]

### 附Windows 10安装配置Tomcat教程 ###

[超详细Windows 10安装配置Tomcat教程][Windows 10_Tomcat]

### 一、插件配置Tomcat方式 ###

在mavenWeb项目中的pom.xml中添加如下tomcat插件：

<build>
        <plugins>
          <plugin>
            <groupId>org.apache.tomcat.maven</groupId>
            <artifactId>tomcat7-maven-plugin</artifactId>
            <version>2.2</version>
            <configuration>
              <port>8080</port>
              <path>/Web1</path>
            </configuration>
          </plugin>
        </plugins>
      </build>

![在这里插入图片描述][da975d0bb32c45a8b5b0cd99164486a3.png]

--------------------

添加插件之后---->点击②标签处（上图所示）刷新按钮刷新---->刷新成功之后即可看到tomcat插件配置成功（下图所示）  
![在这里插入图片描述][a5063a2430954b8da50e180439938f5a.png]

--------------------

之后我们即可使用插件方式启动tomcat7---->右键项目---->选中Run Maven---->点击tomcat7:run即可启动tomcat服务  
![在这里插入图片描述][58068f2f467b49fc9bdc85db6e888a6b.png]

--------------------

启动成功后如下图所示：  
![在这里插入图片描述][d18dfb35f3204ec0b1fc2f61e19074e1.png]

--------------------

点击上图红框链接处即可打开网页  
![在这里插入图片描述][dde41d06ad3941f698bbd9d6b8fe6a01.png]

--------------------

此即为插件配置Tomcat方式！！！

### 二、IDEA部署本地Tomcat方式 ###

> 此方式需要我们电脑已经配置好本地的tomcat，具体教程为[超详细Windows 10安装配置Tomcat教程][Windows 10_Tomcat]

选中我们创建好的mavenWeb项目后---->点击Add Configuration…  
![在这里插入图片描述][57bbab830bfc4fdc9fcd42386c542532.png]

--------------------

点击+号---->选中Tomcat Server下的Local  
![在这里插入图片描述][e88e6eca32af4bdda2486430d5ff76e2.png]

--------------------

![在这里插入图片描述][5fcb66e3c7eb46a486a802c169c940a3.png]

--------------------

之后点击Deployment---->点击+号---->点击Artifact  
![在这里插入图片描述][c3836ae7d9d541378b0576204a9eb9b9.png]

--------------------

![在这里插入图片描述][7d99414762374bbd8aed7a97231a2c5c.png]

--------------------

上图步骤完成之后，点击OK  
![在这里插入图片描述][e93648c1ee45431c9f85bd0dc18911ad.png]

--------------------

配置成功后即如下图所示：（右上角框框处出现了我们配置的tomcat）  
![在这里插入图片描述][dd947d331e8247ad9ae39b7b3178a3e1.png]

--------------------

点击启动按钮即可启动mavenWeb项目  
![在这里插入图片描述][21ab288b99994b489b0a6dc37490178f.png]

--------------------

启动成功后如下图所示：  
![在这里插入图片描述][baea1b69447a4a91b1c83a1e20b74567.png]

--------------------

tomcat启动成功后会自动找寻index.jsp页面并打开，若无index.jsp则会显示404页面未找到（此页面并非错误，仅仅是因为没有index.jsp页面导致）  
![在这里插入图片描述][4d7fcac432074a35b5ef618aee43e651.png]

--------------------

若无index.jsp则会显示404页面未找到（此页面并非错误，仅仅是因为没有index.jsp页面导致）  
![请添加图片描述][05d989a05ba84239892d8769fe08b3b6.png]

--------------------

此即为IDEA部署本地Tomcat方式！！！

[IDEA_MavenWeb]: http://t.csdn.cn/lIvc8
[Windows 10_Tomcat]: http://t.csdn.cn/YJ6G4
[da975d0bb32c45a8b5b0cd99164486a3.png]: https://img-blog.csdnimg.cn/da975d0bb32c45a8b5b0cd99164486a3.png
[a5063a2430954b8da50e180439938f5a.png]: https://img-blog.csdnimg.cn/a5063a2430954b8da50e180439938f5a.png
[58068f2f467b49fc9bdc85db6e888a6b.png]: https://img-blog.csdnimg.cn/58068f2f467b49fc9bdc85db6e888a6b.png
[d18dfb35f3204ec0b1fc2f61e19074e1.png]: https://img-blog.csdnimg.cn/d18dfb35f3204ec0b1fc2f61e19074e1.png
[dde41d06ad3941f698bbd9d6b8fe6a01.png]: https://img-blog.csdnimg.cn/dde41d06ad3941f698bbd9d6b8fe6a01.png
[57bbab830bfc4fdc9fcd42386c542532.png]: https://img-blog.csdnimg.cn/57bbab830bfc4fdc9fcd42386c542532.png
[e88e6eca32af4bdda2486430d5ff76e2.png]: https://img-blog.csdnimg.cn/e88e6eca32af4bdda2486430d5ff76e2.png
[5fcb66e3c7eb46a486a802c169c940a3.png]: https://img-blog.csdnimg.cn/5fcb66e3c7eb46a486a802c169c940a3.png
[c3836ae7d9d541378b0576204a9eb9b9.png]: https://img-blog.csdnimg.cn/c3836ae7d9d541378b0576204a9eb9b9.png
[7d99414762374bbd8aed7a97231a2c5c.png]: https://img-blog.csdnimg.cn/7d99414762374bbd8aed7a97231a2c5c.png
[e93648c1ee45431c9f85bd0dc18911ad.png]: https://img-blog.csdnimg.cn/e93648c1ee45431c9f85bd0dc18911ad.png
[dd947d331e8247ad9ae39b7b3178a3e1.png]: https://img-blog.csdnimg.cn/dd947d331e8247ad9ae39b7b3178a3e1.png
[21ab288b99994b489b0a6dc37490178f.png]: https://img-blog.csdnimg.cn/21ab288b99994b489b0a6dc37490178f.png
[baea1b69447a4a91b1c83a1e20b74567.png]: https://img-blog.csdnimg.cn/baea1b69447a4a91b1c83a1e20b74567.png
[4d7fcac432074a35b5ef618aee43e651.png]: https://img-blog.csdnimg.cn/4d7fcac432074a35b5ef618aee43e651.png
[05d989a05ba84239892d8769fe08b3b6.png]: https://img-blog.csdnimg.cn/05d989a05ba84239892d8769fe08b3b6.png