在IDEA中新建web项目步骤,Tomcat下载安装加配置(详细版教程)

发布于:2022-12-21 ⋅ 阅读:(542) ⋅ 点赞:(0)

最近要建个web工程,之前用的是sublime,突然用idea发现要重新配置些插件。整理下过程给大家避避坑,减少无用的时间浪费。

一、下载Tomcat

1、下载地址

https://tomcat.apache.org/download-80.cgi
下载64-bit的版本即可。
下载Apache Tomcat大概需要10分钟,也可以点击我上传的去下载。
apache tomcat下载
在这里插入图片描述

2、解压并记住这个地址

在这里插入图片描述

3、配置好相关的环境变量

由于在上一章安装maven时介绍过具体的设置变量的位置,这次省略前面的步骤。
有需要的可以点击跳转,看一安装的过程。
在IDEA中配置Maven,显示maven显示Process terminated问题(详细版)

步骤1:
在环境变量下面的系统变量中点击新建
在这里插入图片描述
2、加入变量名和地址

CATALINA_HOME

在这里插入图片描述
3、在系统变量的path中新加入一行

%CATALINA_HOME%\bin

在这里插入图片描述

4、验证是否成功

以管理员身份打开cmd
输入命令

startup.bat

在这里插入图片描述

5、遇到的2个问题

1、输入setup没有生效
由于环境变量第一次时输入了一个错得字母,导致没有生效。
而我更改后,在cmd中仍然显示无效。
解决的办法是:
重新以管理员身份再打开一个cmd,因为cmd不会即时根据你配备的环境变量刷新。

2、显示的内容乱码

在这里插入图片描述

在conf文件夹中找到logging.properties
以记事本打开这个文件,修改编码为GBK

在这里插入图片描述

二、在idea中配置Tomcat

1、点击file–new project–第二个java enterprise

在这里插入图片描述

2、点击application server的new Tomcat server

在这里插入图片描述

3、选择刚才解压的Tomcat文件

在这里插入图片描述

4、勾选下方的web application

并且注意要有web.xml文件
【版本是系统自动匹配的,不需要更改】
在这里插入图片描述

5、设置工程的名字

下面的server可以不选
在这里插入图片描述

6、进来后,就可以看到一个完整的web工程

在这里插入图片描述

三、web工程的简单测试

1、在web下的index.jsp文件中的body标签中

随意写一句话
在这里插入图片描述

2、运行这个文件

如果右上角的run按钮为灰色
那么就直接右键这个文件,会出现绿色的run按钮或者点击调试按钮也可以

在这里插入图片描述

3、此时就会在浏览器上看到

在这里插入图片描述
虽然在执行过程中出现了个未知版本的提醒,但是也不影响结果。
在这里插入图片描述

4、而工程文件中多了out这个目录

这是系统自动将src中的源代码和web文件的内容进行了整合。
在这里插入图片描述

5、要更改浏览器中显示的上下文目录

需要在idea中
步骤1,选择eidt configurations
在这里插入图片描述
步骤2:在第3个圆圈处更改名字即可
如改为/web

在这里插入图片描述

6、浏览器上显示的内容

注意:如果更改body的内容,再次运行这个程序,在浏览器上刷新内容就会更新。
但是如果更改地址的信息,需要先点击右上角红色箭头,结束这个程序运行。
再重新运行,地址才会更新。
在这里插入图片描述

7、如果要热部署这个工程

即只要idea中更改内容了,不用继续运行程序的情况下,在浏览器上直接刷新就能看到。
选择第三个选项
【但上下文目录更改不适用】
在这里插入图片描述
温馨提示💓

如果在运用时遇到问题,可以直接关注并私信我,发送报错问题,我看到后会第一时间回复~

本文含有隐藏内容,请 开通VIP 后查看