一:什么是Tomcat
Tomcat:Tomcat是一个开源的Java Servlet容器,也是JavaServer Pages(JSP)规范的参考实现之一。它是Apache软件基金会的一个项目,提供了一个可用于部署Java Web应用程序的运行环境。Tomcat可以作为独立的Web服务器或与其他HTTP服务器(如Apache HTTP服务器)配合使用。它能够处理Servlet和JSP等Java Web技术,将Java代码和Web页面结合起来创建动态的Web应用程序。作为Servlet容器,Tomcat负责接收来自客户端的HTTP请求,并将请求传递给相应的Servlet进行处理。它还管理Servlet的生命周期、处理会话管理、处理静态资源等任务。Tomcat使用Java编写,可在多个平台上运行,包括Windows、Linux和Mac OS等
二:下载安装
如下,进入Tomcat官网进行下载。本文使用Tomcat 8
下载完成后,解压缩即可
目录结构及其作用解释如下
bin
:脚本目录*.sh
运行在Linux上(*startup.sh*
启动服务器)*.bat*
运行在Windows上(startup.bat
启动服务器)
conf
:配置文件目录lib
:运行Tomcat需要的类库logs
:日志目录temp
:临时文件夹webapps
:存放我们要运行的web applicationwork
:Tomcat内部进行预编译目录
我们最为关心的就是webapps
目录,用来存放web应用。所谓web应用是一个具有独立完整功能的网站。一个Tomcat服务器上是可以同时步数多个这样的web应用的,这些web应用以目录的形式被存放到webapps
目录中,进入webapps
目录你会发现
docs\
examples\
host-manager\
manager\
ROOT
三:启动服务器
在bin
目录中,双击startup.bat
即可启动Tomcat服务器,如果出现以下日志说明,则启动成功
- 注意: 在 Windows 上通过 cmd 方式启动 Tomcat 会出现乱码. 但是不影响 Tomcat 的使用. 乱码的原因是 Tomcat 默认按照 UTF-8 的编码方式处理中文. 而 windows 的 cmd 默认是 GBK 编 码. 如果使用 Linux 或者 IDEA 中的终端来启动 Tomcat, 则没有乱码问题. 因此此处的乱码我们暂时不 处理.
然后在浏览器中输入127.0.0.1:8080
即可看到Tomcat的欢迎界面
四:静态页面部署
Tomcat是一个HTTP服务器,这意味着当我们写好程序或页面后,将其放入到webapps
目录下,只要拥有一个公网IP,那么全世界的联网用户就都可以访问到你的程序或页面
(1)部署单个HTML
创建一个hello.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Html</title>
</head>
<body>
<div>Hello</div>
</body>
</html>
然后将其拷贝到webapps/ROOT
目录下
接着便可以在浏览器中输入http://127.0.0.1:8080/hello.html
来访问
(2)部署带有JS和CSS的HTML到目录中
在实际开发中,我们的HTML可能不止一个,所依赖的CSS/JS也比较多,所以这时候如果把所有东西都拷贝ROOT
目录中显得不合适了。因此我们可以创建一个单独的目录(和ROOT
同级),来存放我们所要部署的内容
如下,在webapps
目录中创建一个目录,名为Test
随便找一张图片,然后引入css、js完成一个HTML
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Html</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<img src="白牡丹.jpg" alt="">
<script src="show.js"></script>
</body>
</html>
img {
width: 500px;
heigth: 500px;
}
console.log("hello")
接着便可以在浏览器中输入http://127.0.0.1:8080/Test/hello.html
来访问
(3)部署博客系统
现在我们可以把之前写过的博客系统部署进来
接着便可以在浏览器中输入http://127.0.0.1:8080/BlogSystem/src/BlogListPage.html
来访问
评论区