Tomcat入门使用


Tomcat是互联网从业者较为熟悉的名词,是一个基于Java实现的一个知名HTTP服务器,Java程序员开发网站实际上是基于Tomcat的二次开发

在这里插入图片描述

一、下载安装

首先,Tomcat被运行前提是要装好JDK,想必都开始学习Tomcat了,IDEA自然已经装好了,IDEA装好了想必JDK自然也已经装好了,这里就对装JDK就不赘述了

这里装的是Tomcat 8

官网地址

在这里插入图片描述

下载后,会得到一个压缩文件,只需要将该zip文件解压缩,下载就算是完成了(解压缩后的文件最好放在英文目录下)

在这里插入图片描述

解压缩后的文件夹里,需要重点关注的是

  • bin:该目录里面放的是各种启动停止程序
    *logs:放了Tomcat运行时的日志文件,能够体现程序的运行状态,会被我们经常进行查看,从而发现问题
  • webapps:存放着需要运行的webapp(一个功能完善的网站就叫做webapp),之后要进行部署,就是把打包好的文件放进webapps目录下,是最常用的文件夹

二、启动Tomcat

由于Tomcat是一个跨平台的服务器,因此在Windows上Linux上都可以下载

在Windows上,双击startup.bat,即可启动服务器

在Linux上,双击startup.sh,即可启动服务器

在这里插入图片描述

Windows上将会通过cmd的方式启动,我们将会看见如下日志,就代表着启动成功

在这里插入图片描述

由于Tomcat默认按照UTF-8的编码方式处理中文,Windows的cmd默认是GBK的编码方式,就会出现乱码,但影响不大

可能有些友友会出现闪退的情况,想要查看具体的启动失败的原因所在,只需要将启动程序startup.bat拖到cmd中运行,就可以显示出错误的原因所在,也许是因为环境变量,也许是因为JDK,又也许是因为其他的原因

三、访问Tomcat

启动Tomcat后,只需要在浏览器中输入127.0.0.1:8080(主机自己的环回IP,8080是Tomcat的默认端口号)就可以看见浏览器返回的Tomcat默认的欢迎页面

在这里插入图片描述

四、部署静态页面

静态页面就是内容始终不变的页面,比如写的HTML文件

接下来可以写一个简单的HTML文件,部署到Tomcat中,就可以通过Tomcat来访问了

  1. 简单的HTML文件
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    Hello world!
</body>
</html>

2.将该文件放到webapps中的ROOT目录下

在这里插入图片描述

  1. 启动Tomcat,在浏览器中输入127.0.0.1:8080/helo.html

在这里插入图片描述

如此,便算是访问到了自己写的代码了

这只是一个简单的HTML文件,如果该文件中有依赖的其他资源,比如很多的CSS,JS,图片等文件,想要Tomcat访问到,就必须将这些资源一起部署到webapps目录下

  1. HTML文件及其相关资源

HTML文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tomcat</title>
    <link rel="stylesheet" href="CSS/css1.css">
</head>
<body>
    <div>
        <img src="image/picture.jpg" alt="">
    </div>
    <script src="JS/js1.js"></script>
</body>
</html>

CSS文件

div {
    height: 200px;
    width: 200px;
    background-color: red;
}
div img {
    height: 150px;
    width: 150px;
    margin: 25px;
}

JS文件

alert("Tomcat!");
  1. 创建一个文件夹(这里命名为Tomcat),里面包含着需要被访问的HTML文件以及各种资源们,各种资源被分别放进了各自种类的文件夹中,便于整理,将创建的Tomcat文件夹放在webapps目录下,和ROOT文件夹同级

在这里插入图片描述

  1. 启动Tomcat,在浏览器中输入127.0.0.1:8080/Tomcat/tomcat.html

这里Tomcat是webapps下的一级目录,tomcat.html是我们要访问的HTML文件,务必核对好每一级目录,否则就会找不到资源导致404

在这里插入图片描述

页面效果

在这里插入图片描述
完!

  • 42
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 32
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 32
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

富春山居_ZYY(已黑化)

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值