Tomcat入门使用

文章目录

    • 一、下载安装
    • 二、启动Tomcat
    • 三、访问Tomcat
    • 四、部署静态页面

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

Tomcat入门使用_第1张图片

一、下载安装

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

这里装的是Tomcat 8

官网地址

Tomcat入门使用_第2张图片

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

Tomcat入门使用_第3张图片

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

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

二、启动Tomcat

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

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

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

在这里插入图片描述

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

Tomcat入门使用_第4张图片

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

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

三、访问Tomcat

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

Tomcat入门使用_第5张图片

四、部署静态页面

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

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

  1. 简单的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>Documenttitle>
head>
<body>
    Hello world!
body>
html>

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

Tomcat入门使用_第6张图片

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

Tomcat入门使用_第7张图片

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

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

  1. HTML文件及其相关资源

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>Tomcattitle>
    <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文件夹同级

Tomcat入门使用_第8张图片

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

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

在这里插入图片描述

页面效果

Tomcat入门使用_第9张图片
完!

你可能感兴趣的:(前端,tomcat,java,服务器)