安装和部署Tomcat并在idea创建web文件

**一、**背景

实验任务为安装Tomcat并创建web文件

为提高安装效率并且通俗易懂,免得大量文字浪费时间,这里我们采用图片加文字的方式来给大家讲解这个安装教程。

**二、**安装过程

首先第一步一定要注意你是否下载了JDK,如果你是像我一样下载一个软件就喜欢把软件的路径改一下的,要注意,这边推荐不要更改JDK的默认路径免得引起不必要的麻烦。

默认安装路径为:C:\Program Files\Java\jdk-21

这也是我们的JAVA_HOME变量

如果没有正确安装JDK,将出现运行startup.exe闪退的现象

这时候我们如果切换到cmd去运行这个startup.exe会爆JAVA_HOME变量未被定义的错误。所以一定要先确保JDK的正确安装。

紧接着第一步我们要去官网下载Tomcat:Apache Tomcat® - Welcome!下载Tomcat:如下图:

下载完毕后我们是去到安装目录点击bin文件夹,找到里面的startup.exe,双击,不出现闪退保持界面以及不出现乱码即可,接下来我们去浏览器打开网址: http://localhost:8080/

Tip:其实这里不算乱码

显示下面的画面则Tomcat运行成功!

接下来我们就设置一下环境变量:(CATALINA_HOME)

输入这个环境变量%CATALINA_HOME%\bin

这样子我们的Tomcat就配置完成了,接下来我们打开我们的idea

点击新建中的项目:

点击Maven Archetype,创建项目名称,选择对应的JDK,下拉框选择Web,点击创建

待系统自动生成正确的jsp文件

选择配置,点击Tomcat服务器,配置好其服务器:

选择安装的Tomcat的路径,点击确定

运行即为结果画面:

如果遇到了404报错,链接可以设成这个,具体的下期讲解,因为作者还在研究

http://localhost:8080/untitled1_war_exploded/index.jsp

相关推荐
GIS之路1 小时前
ArcGIS Pro 中的 Notebooks 入门
前端
IT_陈寒2 小时前
React状态管理终极对决:Redux vs Context API谁更胜一筹?
前端·人工智能·后端
蝎子莱莱爱打怪3 小时前
OpenClaw 从零配置指南:接入飞书 + 常用命令 + 原理图解
java·后端·ai编程
Kagol3 小时前
TinyVue 支持 Skills 啦!现在你可以让 AI 使用 TinyVue 组件搭建项目
前端·agent·ai编程
柳杉3 小时前
从零打造 AI 全球趋势监测大屏
前端·javascript·aigc
simple_lau3 小时前
Cursor配置MasterGo MCP:一键读取设计稿生成高还原度前端代码
前端·javascript·vue.js
睡不着先生3 小时前
如何设计一个真正可扩展的表单生成器?
前端·javascript·vue.js
天蓝色的鱼鱼4 小时前
模块化与组件化:90%的前端开发者都没搞懂的本质区别
前端·架构·代码规范
明君879974 小时前
Flutter 如何给图片添加多行文字水印
前端·flutter
leolee184 小时前
Redux Toolkit 实战使用指南
前端·react.js·redux