Idea使用Tomcat详细步骤

我会带着你远行 2024-04-24 14:45 10阅读 0赞

> **小聊：** 本次内容是是有关 Idea 开发 Web 项目配置 Tomcat 服务器的详细教程。JavaWeb 学习阶段大多会使用 Tomcat 作为服务器。虽然说后面不再需要自己安装配置 Tomcat 了（因为 Java 开发大多都会用 SpringBoot ，而 SpringBoot 默认内置了 Tomcat 服务器，当然也可以改成其他的），但凡是都是一步步的积累，才可以更好掌控，所以先了解、使用 Tomcat 是必不可少的。
> 
> 如果有需要：[《Tomcat10下载安装》][Tomcat10]

*  1. 新建一个Java Web项目
 *  2. 在Web项目中配置使用Tomcat10服务器
 *  3. 启动访问演示
 *  随笔

#### 1. 新建一个Java Web项目 ####

1.  **新建一个普通 Java 项目**

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

1.  **添加Web功能模块**

步骤一：打开File ——> Project Settings ——> Modules  
![在这里插入图片描述][b977216c902b4d53a816b30b299dc3ce.png]

步骤二：根据警告提示，前往 Artfacts 配置产品（点击 “Create Artfacts” 即可，它会帮我们自动配置Artfacts，当然会的话也可以自己配置）  
![在这里插入图片描述][ebed910896d1471bb423b54f4e9c81db.png]

步骤三：选择 “ok” 之后，会自动生成 Web项目必有的 “web” 工作目录  
![在这里插入图片描述][cebc27599bd44ddba20e7823573b3201.png]

至此，Java Web项目搭建完毕。

#### 2. 在Web项目中配置使用Tomcat10服务器 ####

这里操作没有版本限制，选择你下载安装的Tomcat就行。  
步骤一：点击 Add Configurations… ——> “+” / Add new …  
![在这里插入图片描述][44ca9dc90935412baca4866d49166043.png]

步骤二：下拉选择 Tomcat Server 下的 Local（不要选错了）  
![在这里插入图片描述][87ba39c972c44b51ba4dc052dea0b128.png]

步骤三：按照图中指示顺序操作，选择你的Tomcat安装的路径，一路 OK 确认。  
![在这里插入图片描述][107090a139cf4d1e9aaeeedfe8d0b2dd.png]

步骤四：好，回到我们的主配置界面（如果一路"ok"关掉了重新打开就好了）。可以看到已经选好Tomcat服务器版本  
![在这里插入图片描述][41e69ffd4f8544ee94b1d2e4d49afc06.png]

步骤五：切换到 Deployment 配置我们的 Artifact 包，如果不是Web环境将不会出现 “Artifact” 选项（所以我们之前已经配置并添加了）  
![在这里插入图片描述][a8335d7588104f1d9f3512b0e1c113a2.png]

步骤六：修改 “虚拟目录”，可以改成 “/项目名” 或者直接 “/”  
![在这里插入图片描述][87a165f590dc4a51bd534eb2cd8d9eba.png]

什么是虚拟目录，你可以将它看成在将 默认访问路径添加一层子路径，所以访问路径变成了 ：`http://localhost:8080/虚拟目录`。也可以直接将虚拟目录设置成 “/”，这样情动Tomcat服务后直接打开的访问的就是 `http://localhost:8080/` ，一般学习、开发的时候设置成 “/” 方便一点，实际生产环境就不同了。我这里会设置成 “/test”。  
![在这里插入图片描述][bbe8dcb30f4d4140aa082f6779a9c583.png]

至此Tomcat服务器配置完成

#### 3. 启动访问演示 ####

因为我们的 web 目录还没有东西，Tomcat服务启动后自动打开 `http://localhost:8080/test/` 会默认访问 web 下的 index 页面，所以我们需要先新建一个`index.jsp` 或 `index.html` 以显示内容。(如果都有会优先访问 `index.html`)

*  **新建 web/index.html，启动服务**

点击运行，或者使用快捷键 Shift + F10 运行  
![在这里插入图片描述][e8adf2329753429f805e98dba38b8e5a.png]

*  **运行成功窗口**  
    ![在这里插入图片描述][54a1ad94999442779f1e733d10818367.png]
 *  **浏览器窗口显示**  
    ![在这里插入图片描述][409f6858f7544a7ab95b817d887523c9.png]  
    至此，Idea 使用 Tomcat 操作演示完毕

#### 随笔 ####

![在这里插入图片描述][a36305fb13554e0db49a1eb62e19acdf.jpeg_pic_center]

[Tomcat10]: https://blog.csdn.net/m0_48489737/article/details/127707346
[9d4fb39899cf4228af6c3cbf7f25afa6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/24/62a890889ed94c4fba842f26470ee43e.png
[b977216c902b4d53a816b30b299dc3ce.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/24/a153d731407d4ab4ac3cb8a904c12781.png
[ebed910896d1471bb423b54f4e9c81db.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/24/ba5925c23b6f4b1ba7d9c95ebd8fa149.png
[cebc27599bd44ddba20e7823573b3201.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/24/8f0df9542c0d48b6b77ee5ce33cad15a.png
[44ca9dc90935412baca4866d49166043.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/24/bf058df49ff840e98e3389e53424c6e4.png
[87ba39c972c44b51ba4dc052dea0b128.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/24/e0d0cc56c8994a22a80618eac08f0da5.png
[107090a139cf4d1e9aaeeedfe8d0b2dd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/24/de8b3473b81a4e0db7fc091aa0adfc84.png
[41e69ffd4f8544ee94b1d2e4d49afc06.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/24/3c846a275c7e4042899aa4d9fa425475.png
[a8335d7588104f1d9f3512b0e1c113a2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/24/a0108ac9c0624b06a2a3e19dbc86bcfc.png
[87a165f590dc4a51bd534eb2cd8d9eba.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/24/405c365dd12f4a92b1056727bab8b690.png
[bbe8dcb30f4d4140aa082f6779a9c583.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/24/df4b33292a944404bd58d3533eec22ee.png
[e8adf2329753429f805e98dba38b8e5a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/24/7775a1f3e4c24b2c9fa72da7dce7a2cf.png
[54a1ad94999442779f1e733d10818367.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/24/a41e3eb9bb8646f5ae905a5834d538ce.png
[409f6858f7544a7ab95b817d887523c9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/24/73207ab73f584620a84b9a566df596b0.png
[a36305fb13554e0db49a1eb62e19acdf.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/24/e7fcdeaaad3d4933ad941b1623c3fed2.jpeg