Tomcat服务器及 idea中集成Tomcat 创建 maven web项目过程演示

拼搏现实的明天。 2023-09-29 13:30 66阅读 0赞

![7f8c68ee336c4927950595cd25ae5144.png][]

>  Tomcat服务器作用：也就是说我们把我们写好的项目部署到Tomcat服务器当中,然后服务器处于启动的状态,我们通过访问服务器地址加上想要访问的写好部署到该服务器当中的项目地址就能直接访问到我们的项目了

![4e1f6f05312d4bd3a92661c7c653e601.png][]

Tomcat服务器是一个轻量级的Web服务器,也成为Web容器,Servlet容器

## ![d057f8482d044733acd11dca7ed64505.png][] 一、Tomcat服务器的基本使用 ##

![7e1e1c12f4ae43a4816b39309c6a319d.png][]

### 下载及目录介绍服务器： ###

![529b4d9760d447c9a74985d0a8f25ead.png][]

![78f407baa1de4c529af10a0421191ac9.png][]

#### 目录介绍： ####

![c7a8cb06d86a456099512e2213ae31cd.png][]

![e8a3ae1dd54148ff9252d0bb4d004c18.png][]

![734bf8f92120455e9b5eb4d702229b42.png][]

### 卸载服务器： ###

因为是绿色软件直接把文件夹删除即可卸载成功~

### 启动服务器： ###

就双击刚才bin目录里面的那个启动服务器文件即可~

**\* 启动时有可能 问题1： 这里有时候启动会闪退那么就需要我们配置一下环境变量 配置如下：**

**1、新建系统变量：变量名为JAVA\_HOME**  
**2、变量值为jdk****的安装路径，到bin上一级**

![26f0b8af1d3f4c63a0884003586bf923.png][]

**\* 测试是否解决：**

![578c81a5162b43ac93bf39ad13c014f3.png][]

**\* 解决乱码问题：**

![611b6bdb49ac481f9c55a35d258eb1b0.png][]

#### **\* 启动时有可能 问题2：** ####

![9b2a9870118c4f0e83697b66abb4a6fe.png][]

###  **关闭服务器：** ###

三种方式 上面的图片当中有介绍~ 尽量使用在窗口当中按 Crrl+C ：正常关闭

## 二、配置和部署项目： ##

### 配置： ###

![9208c763d7844fc19a73180c5e1cdfd0.png][]

**当端口号为8080的时候：**![12d646b741a04adeb92e13e7168cdbcb.png][]

####  **当端口号为8080的时候服务器开启后访问该服务器中部署的项目(自带的项目)的方式如下：**  ####

![1d285cfc61344c4a85c5391c3244beed.png][]

#### **当我们把端口号修改为80的时候（这里要注意：修改端口号要符合端口规则：0~655355之间）** ####

#### **修改为80后服务器开启后访问该服务器中部署的项目(自带的项目)的方式如下：**  ####

![6c1577e954194206874ef5ee05c86b5e.png][]

**注意：上面的访问服务器的时候 服务器必须是开启的状态~~~~**

### **部署：** ###

**向服务器当中部署我们想要存放的项目**

![2762ba0453524fe3afa05f796ea65886.png][]

![df52f94a8fac4d24a6fe2eed5e602fb9.png][]

![e1776bb7476446c493d0adf4bb8eac07.png][]

![e8a50fe3f269473397a83be52a446bbe.png][]

我们发现访问我们的项目成功了：

（这就是我们把项目部署到webapps目录下, 然后我们直接访问我们的项目即可）

![d51fdc8c123548c8aa1da095111472ff.png][]

注意：部署项目的时候 通常打成war包的形式![5622c7b716c04d1fac0648ed39b59f51.png][]

## 三、idea中创建Maven Web项目 ##

![c21d33d8dc714df0ace138e5c11910a9.png][]

####  **创建Maven Web项目方法1：使用骨架方式** ####

![b29c94512d9049cb8e3a2fbf6e72581d.png][]

**过程演示如下：**

**1、选择web项目骨架,创建项目：**

![4b151e24227e4df8b461daa3a835f798.png][]

![dba130060b88461d87ac0c12ab94aa61.png][]

**注意1：这里的创建是以模块的形式创建的,我们还可以点击左上角的File 然后new Project 以工程的形式创建**

**注意2：我们没创建一次工程或者模块,只要我们是以Maven创建的项目,那么我们就需要点击setting把我们的仓库地址和阿里云仓库地址设置一下 (看Maven的笔记)**![2a80f67a67c64f21a97f93c360ae49aa.png][]

![9237b19bab2d49b09d8f787f40bcab08.png][]

![7ebb411d45ea4442a91b262d016e496e.png][]

![99946d3654f24fef830fa3f24552e377.png][]

![6b47445ebf294758a4adef630906f5ae.png][]

**2、删除pom.xml中多余的坐标：**![7f4c89a49e4c440a99d3139679373c40.png][]

![062ae670998344e4bc2631473c8746e6.png][]

**3、补齐缺失的目录结构：**

![bca6fa0bdf5b4e9b923759dfc08269c2.png][]

![037b7c63736541cc8c93335244456533.png][]

![d5604bdc790444e5a2f4bc14498c9473.png][]

![e108d35b4dad455ebadf61b97cb9eb23.png][]

**那么以上用骨架创建的Maven Web项目也就创建好了~**

#### **创建Maven Web项目方法2：不使用骨架方式 ( 还是使用骨架创建把~ 当使用骨架下载系统会帮我们下载一些pom.xml插件 当过多下载过慢的时候 再使用不带骨架的方式)** ####

![024be07952624f968312796d2656aab3.png][]

####  ####

#### **我们项目创建好后,上面已经说过了如果我们想要把我们这个项目部署到tomcat服务器当中是不是就需要把我们这个项目打包成war包,然后找到war包的位置把war包放到tomcat的webapps目录下就部署成功了~** ####

####  **演示如下：** ####

![b79731f6c5ff43e4ab909d13c5701fec.png][]

![da5f6a5263ff4066a063cdb9ef48ec45.png][]

![520de624afc54c15aa30a842292ad306.png][]

![067989d618a34d83b9cd89453a00b7e1.png][]

####  会发现以上的部署过程是不是还要找到把项目打成的war包然后复制放到tomcat服务器的webapps目录下才算部署成功,是不是有一点麻烦 ####

#### **因此解决上面部署的麻烦我们有两种解决办法：** ####

#### **第一种：集成本地Tomcat** ####

![a18fdd70032a44eb9b43d8713491aac9.png][]

**演示过程如下：**

![a1440adbbe97400cb1613d5a6740528e.png][]

![df7c3d8c91284400a38c7bc307983b8b.png][]

![c116fe6fdecb451db68b2ed54892913d.png][]

到这一步：就说明我们本地的tomcat服务器就集成配置到idea里面了

tomcat服务器配置好之后,我们就可以在idea中把项目部署到tomcat服务器当中了(不再进行找war包复制粘贴到tomcat服务器的webapps目录下部署了)：

![76fd586ee9534bcebc9fb32a36dad8f7.png][]

![7097f8399ee64bff99a3631c5c4d5965.png][]

**然后Apply OK 即可。**

**这时我们的项目就在idea当中部署到了tomcat服务器当中了**

把该项目部署到tomcat服务器当中后,我们假设在该项目中写一个页面进行演示结果：

![4eb08e02efbf41a38b66f7437eb9629d.png][]

会发现页面展示成功：

![7a3585b579c04b5182a94d4a19c8e684.png][]

**注意：**

![5e4dd7a3f8a8434bb74406d8d357133f.png][]

![9c578c8e35e548748ebca1ac56aea889.png][]

####  **小细节：** ####

![61b13005303e42c4b9ebacb205f14add.png][]

![6da86087ca83417c8289c7a62bef3d3e.png][]

所以这就是为什么我们点击运行之后，需要在后面加上hello.html名(页面名) ,就是因为我们的路径就到demo1\_war包下 (这里点击运行后会把项目打成war包然后放到服务器的webapps目录下，webapps目录就是部署项目的目录)

![2a28162f81f74a1c9612bdac5e5dc0b5.png][]

![76743c77069e44b3bf546845c89b2177.png][]

####  特别注意： ####

![211140d9311d4c2cb16c141b212cd8cb.png][]

####  第二种方式：Tomcat的Maven插件 （用这个即可 这个方便） ####

注意：这种方式只支持到Tomcat7 当超过的话就用第一种方式

![d4e6ddd8f0194f19907b2d7a5ac6348e.png][]

演示如下：

![3d3e7603d72146b2b45f52dc43ead2f7.png][]

![304a13603e614ebd9caf9a1800271696.png][]

![3f93dd1523be43a5baf2ac6780effbfb.png][]

插件导入成功之后,就说明tomcat服务器集成到idea当中了, 我们就可以启动项目了：

![bc92a67795b24bf6977646fec4b40b50.png][]

![64bb54a11227435494dc060c06e51bf9.png][]

![7e57ac01ce2b46c697010863f65404a4.png][]

![3f059f92327441d79c8c15abee50dffd.png][]

**注意：点击运行之后,服务器就会开启了, 项目用完之后记得把服务器关闭~**

**小细节： 这种方式的端口号默认是：8080**

**当我们遇到比如因为端口号冲突问题后可以再xml文件当中加端口标签修改成不一样的端口号即可：**

![64a9642299e5417e830a78e25db11fac.png][]

[7f8c68ee336c4927950595cd25ae5144.png]: https://img-blog.csdnimg.cn/7f8c68ee336c4927950595cd25ae5144.png
[4e1f6f05312d4bd3a92661c7c653e601.png]: https://img-blog.csdnimg.cn/4e1f6f05312d4bd3a92661c7c653e601.png
[d057f8482d044733acd11dca7ed64505.png]: https://img-blog.csdnimg.cn/d057f8482d044733acd11dca7ed64505.png
[7e1e1c12f4ae43a4816b39309c6a319d.png]: https://img-blog.csdnimg.cn/7e1e1c12f4ae43a4816b39309c6a319d.png
[529b4d9760d447c9a74985d0a8f25ead.png]: https://img-blog.csdnimg.cn/529b4d9760d447c9a74985d0a8f25ead.png
[78f407baa1de4c529af10a0421191ac9.png]: https://img-blog.csdnimg.cn/78f407baa1de4c529af10a0421191ac9.png
[c7a8cb06d86a456099512e2213ae31cd.png]: https://img-blog.csdnimg.cn/c7a8cb06d86a456099512e2213ae31cd.png
[e8a3ae1dd54148ff9252d0bb4d004c18.png]: https://img-blog.csdnimg.cn/e8a3ae1dd54148ff9252d0bb4d004c18.png
[734bf8f92120455e9b5eb4d702229b42.png]: https://img-blog.csdnimg.cn/734bf8f92120455e9b5eb4d702229b42.png
[26f0b8af1d3f4c63a0884003586bf923.png]: https://img-blog.csdnimg.cn/26f0b8af1d3f4c63a0884003586bf923.png
[578c81a5162b43ac93bf39ad13c014f3.png]: https://img-blog.csdnimg.cn/578c81a5162b43ac93bf39ad13c014f3.png
[611b6bdb49ac481f9c55a35d258eb1b0.png]: https://img-blog.csdnimg.cn/611b6bdb49ac481f9c55a35d258eb1b0.png
[9b2a9870118c4f0e83697b66abb4a6fe.png]: https://img-blog.csdnimg.cn/9b2a9870118c4f0e83697b66abb4a6fe.png
[9208c763d7844fc19a73180c5e1cdfd0.png]: https://img-blog.csdnimg.cn/9208c763d7844fc19a73180c5e1cdfd0.png
[12d646b741a04adeb92e13e7168cdbcb.png]: https://img-blog.csdnimg.cn/12d646b741a04adeb92e13e7168cdbcb.png
[1d285cfc61344c4a85c5391c3244beed.png]: https://img-blog.csdnimg.cn/1d285cfc61344c4a85c5391c3244beed.png
[6c1577e954194206874ef5ee05c86b5e.png]: https://img-blog.csdnimg.cn/6c1577e954194206874ef5ee05c86b5e.png
[2762ba0453524fe3afa05f796ea65886.png]: https://img-blog.csdnimg.cn/2762ba0453524fe3afa05f796ea65886.png
[df52f94a8fac4d24a6fe2eed5e602fb9.png]: https://img-blog.csdnimg.cn/df52f94a8fac4d24a6fe2eed5e602fb9.png
[e1776bb7476446c493d0adf4bb8eac07.png]: https://img-blog.csdnimg.cn/e1776bb7476446c493d0adf4bb8eac07.png
[e8a50fe3f269473397a83be52a446bbe.png]: https://img-blog.csdnimg.cn/e8a50fe3f269473397a83be52a446bbe.png
[d51fdc8c123548c8aa1da095111472ff.png]: https://img-blog.csdnimg.cn/d51fdc8c123548c8aa1da095111472ff.png
[5622c7b716c04d1fac0648ed39b59f51.png]: https://img-blog.csdnimg.cn/5622c7b716c04d1fac0648ed39b59f51.png
[c21d33d8dc714df0ace138e5c11910a9.png]: https://img-blog.csdnimg.cn/c21d33d8dc714df0ace138e5c11910a9.png
[b29c94512d9049cb8e3a2fbf6e72581d.png]: https://img-blog.csdnimg.cn/b29c94512d9049cb8e3a2fbf6e72581d.png
[4b151e24227e4df8b461daa3a835f798.png]: https://img-blog.csdnimg.cn/4b151e24227e4df8b461daa3a835f798.png
[dba130060b88461d87ac0c12ab94aa61.png]: https://img-blog.csdnimg.cn/dba130060b88461d87ac0c12ab94aa61.png
[2a80f67a67c64f21a97f93c360ae49aa.png]: https://img-blog.csdnimg.cn/2a80f67a67c64f21a97f93c360ae49aa.png
[9237b19bab2d49b09d8f787f40bcab08.png]: https://img-blog.csdnimg.cn/9237b19bab2d49b09d8f787f40bcab08.png
[7ebb411d45ea4442a91b262d016e496e.png]: https://img-blog.csdnimg.cn/7ebb411d45ea4442a91b262d016e496e.png
[99946d3654f24fef830fa3f24552e377.png]: https://img-blog.csdnimg.cn/99946d3654f24fef830fa3f24552e377.png
[6b47445ebf294758a4adef630906f5ae.png]: https://img-blog.csdnimg.cn/6b47445ebf294758a4adef630906f5ae.png
[7f4c89a49e4c440a99d3139679373c40.png]: https://img-blog.csdnimg.cn/7f4c89a49e4c440a99d3139679373c40.png
[062ae670998344e4bc2631473c8746e6.png]: https://img-blog.csdnimg.cn/062ae670998344e4bc2631473c8746e6.png
[bca6fa0bdf5b4e9b923759dfc08269c2.png]: https://img-blog.csdnimg.cn/bca6fa0bdf5b4e9b923759dfc08269c2.png
[037b7c63736541cc8c93335244456533.png]: https://img-blog.csdnimg.cn/037b7c63736541cc8c93335244456533.png
[d5604bdc790444e5a2f4bc14498c9473.png]: https://img-blog.csdnimg.cn/d5604bdc790444e5a2f4bc14498c9473.png
[e108d35b4dad455ebadf61b97cb9eb23.png]: https://img-blog.csdnimg.cn/e108d35b4dad455ebadf61b97cb9eb23.png
[024be07952624f968312796d2656aab3.png]: https://img-blog.csdnimg.cn/024be07952624f968312796d2656aab3.png
[b79731f6c5ff43e4ab909d13c5701fec.png]: https://img-blog.csdnimg.cn/b79731f6c5ff43e4ab909d13c5701fec.png
[da5f6a5263ff4066a063cdb9ef48ec45.png]: https://img-blog.csdnimg.cn/da5f6a5263ff4066a063cdb9ef48ec45.png
[520de624afc54c15aa30a842292ad306.png]: https://img-blog.csdnimg.cn/520de624afc54c15aa30a842292ad306.png
[067989d618a34d83b9cd89453a00b7e1.png]: https://img-blog.csdnimg.cn/067989d618a34d83b9cd89453a00b7e1.png
[a18fdd70032a44eb9b43d8713491aac9.png]: https://img-blog.csdnimg.cn/a18fdd70032a44eb9b43d8713491aac9.png
[a1440adbbe97400cb1613d5a6740528e.png]: https://img-blog.csdnimg.cn/a1440adbbe97400cb1613d5a6740528e.png
[df7c3d8c91284400a38c7bc307983b8b.png]: https://img-blog.csdnimg.cn/df7c3d8c91284400a38c7bc307983b8b.png
[c116fe6fdecb451db68b2ed54892913d.png]: https://img-blog.csdnimg.cn/c116fe6fdecb451db68b2ed54892913d.png
[76fd586ee9534bcebc9fb32a36dad8f7.png]: https://img-blog.csdnimg.cn/76fd586ee9534bcebc9fb32a36dad8f7.png
[7097f8399ee64bff99a3631c5c4d5965.png]: https://img-blog.csdnimg.cn/7097f8399ee64bff99a3631c5c4d5965.png
[4eb08e02efbf41a38b66f7437eb9629d.png]: https://img-blog.csdnimg.cn/4eb08e02efbf41a38b66f7437eb9629d.png
[7a3585b579c04b5182a94d4a19c8e684.png]: https://img-blog.csdnimg.cn/7a3585b579c04b5182a94d4a19c8e684.png
[5e4dd7a3f8a8434bb74406d8d357133f.png]: https://img-blog.csdnimg.cn/5e4dd7a3f8a8434bb74406d8d357133f.png
[9c578c8e35e548748ebca1ac56aea889.png]: https://img-blog.csdnimg.cn/9c578c8e35e548748ebca1ac56aea889.png
[61b13005303e42c4b9ebacb205f14add.png]: https://img-blog.csdnimg.cn/61b13005303e42c4b9ebacb205f14add.png
[6da86087ca83417c8289c7a62bef3d3e.png]: https://img-blog.csdnimg.cn/6da86087ca83417c8289c7a62bef3d3e.png
[2a28162f81f74a1c9612bdac5e5dc0b5.png]: https://img-blog.csdnimg.cn/2a28162f81f74a1c9612bdac5e5dc0b5.png
[76743c77069e44b3bf546845c89b2177.png]: https://img-blog.csdnimg.cn/76743c77069e44b3bf546845c89b2177.png
[211140d9311d4c2cb16c141b212cd8cb.png]: https://img-blog.csdnimg.cn/211140d9311d4c2cb16c141b212cd8cb.png
[d4e6ddd8f0194f19907b2d7a5ac6348e.png]: https://img-blog.csdnimg.cn/d4e6ddd8f0194f19907b2d7a5ac6348e.png
[3d3e7603d72146b2b45f52dc43ead2f7.png]: https://img-blog.csdnimg.cn/3d3e7603d72146b2b45f52dc43ead2f7.png
[304a13603e614ebd9caf9a1800271696.png]: https://img-blog.csdnimg.cn/304a13603e614ebd9caf9a1800271696.png
[3f93dd1523be43a5baf2ac6780effbfb.png]: https://img-blog.csdnimg.cn/3f93dd1523be43a5baf2ac6780effbfb.png
[bc92a67795b24bf6977646fec4b40b50.png]: https://img-blog.csdnimg.cn/bc92a67795b24bf6977646fec4b40b50.png
[64bb54a11227435494dc060c06e51bf9.png]: https://img-blog.csdnimg.cn/64bb54a11227435494dc060c06e51bf9.png
[7e57ac01ce2b46c697010863f65404a4.png]: https://img-blog.csdnimg.cn/7e57ac01ce2b46c697010863f65404a4.png
[3f059f92327441d79c8c15abee50dffd.png]: https://img-blog.csdnimg.cn/3f059f92327441d79c8c15abee50dffd.png
[64a9642299e5417e830a78e25db11fac.png]: https://img-blog.csdnimg.cn/64a9642299e5417e830a78e25db11fac.png