Tomcat服务器的使用

article/2025/9/16 20:00:07

目录

一、JavaWeb概念

   1.什么是JavaWeb

    2.什么是请求

    3.什么是响应

    4.请求和响应的关系

二、Web资源的分类

三、常用Web服务器

四、Tomcat的使用

1.安装

 2.目录介绍

 3.启动Tomcat服务器

如何测试是否启动成功?

启动失败的情况

4.停止Tomcat服务器

5.如何修改Tomcat的端口号

6.如何部署web工程到Tomcat中

第一种方法:

第二种方法:

7.手托html页面到浏览器和在浏览器输入http://ip:端口号/工程名/ 访问的区别

8.ROOT的工程的访问以及默认index.html页面的访问 

五、IDEA整合Tomcat服务器

 添加服务器

 配置Tomcat路径

六、IDEA中动态web工程的操作

1.IDEA中如何创建动态web工程

2.给动态web工程添加额外jar包(也可以使用maven坐标的形式)

3.如何在IDEA中部署工程到Tomcat上运行 

4.修改工程访问路径

5.修改运行的端口号

6.修改运行时的浏览器

7.配置资源热部署


一、JavaWeb概念

   1.什么是JavaWeb

      JavaWeb是指,所有通过java语言编写可以通过浏览器访问的程序的总称。

       javaWeb是基于请求和响应来开发的

    2.什么是请求

       请求是指客户端给服务器发送数据,叫请求Request

    3.什么是响应

        相应是指服务器给客户端回传数据,叫响应Response

    4.请求和响应的关系

        请求和响应式成对出现的,有请求就有响应

二、Web资源的分类

        web资源按实现的技术和呈现的效果不同,又分为静态资源和动态资源两种。

        静态资源:html、css、js、txt、mp4视频、jpg图片

        动态资源:jsp页面、Servlet程序

三、常用Web服务器

四、Tomcat的使用

   1.安装

    下载所需要的Tomcat版本然后解压(推荐版本8)

    2.目录介绍

       bin  专门用来存放Tomcat服务器的可执行程序

       conf  专门用来存放Tomcat服务器的配置文件

       lib     专门用来存放Tomcat服务器的jar包

       logs   专门用来存放Tomcat服务器运行时输出的日志信息

       temp  专门用来存在Tomcat运行时产生的临时数据

      webapps  专门用来部署web工程

      work     是Tomcat工作时的目录,用来存放Tomcat运行时jsp翻译为Servlet的源码,和Session钝化的目录

  

    3.启动Tomcat服务器

找到bin目录下的startup.bat双击启动

如何测试是否启动成功?

    打开浏览器,在浏览器地址栏中输入以下地址测试(随便选择一个):

        1.http://localhost:8080

        2.http://127.0.0.1:8080

        3.http://真实ip:8080

出现下面的页面就说明启动成功 

   启动失败的情况

     常见的启动失败的情况有,双击statup.bat文件,就会出现一个小黑窗口一闪而来,这个时候,失败的原因基本上都是因为没有配置好JAVA_HOME环境变量

4.停止Tomcat服务器

   第一种:点击tomcat服务器窗口的关闭按钮

   第二种:把tomcat服务器窗口置为当前窗口,然后按快捷键Ctrl+C

   第三种:找到Tomcat的bin目录下的shutdown.bat双击,就可以停止Tomcat服务器

5.如何修改Tomcat的端口号

     Tomcat默认的端口号:8080

 找到Tomcat目录下的conf目录,找到server.xml配置文件

  上图的端口号就是 8080,修改port这个属性为自己需要的端口号值

  一般是1-65535端口号(范围)

  修改完端口号一定要重启Tomcat服务器才能生效

6.如何部署web工程到Tomcat中

   第一种方法:

    只需要把web工程的目录拷贝到Tomcat的webapps中即可(WebApps中的每个目录都是一个工程)

  访问:

第二种方法:

 找到Tomcat下的conf目录\Catalina\localhost\下,创建如下的配置文件,配置完成之后重启Tomcat

<!--Context表示一个工程上下文path表示工程的访问路径:/abcdocBase表示你的工程目录在哪里
-->
<Context path="abc" docBase="E:\IdeaProjects\JavaWeb\out\artifacts\web03_war_exploded" />

 比如说在下图中,我们在路径中输入“abc”,就说明我们要访问book工程

7.手托html页面到浏览器和在浏览器输入http://ip:端口号/工程名/ 访问的区别

8.ROOT的工程的访问以及默认index.html页面的访问 

    当我们在浏览器地址栏中输入访问地址如下:

       http://ip:port/        没有工程名的时候,默认访问的是ROOT工程

    就是下面这个图片

   

         当我们在浏览器地址栏中输入访问地址如下:

            http://ip:port/工程名/        没有资源名的时候,默认访问index.html页面

五、IDEA整合Tomcat服务器

 添加服务器

 配置Tomcat路径

六、IDEA中动态web工程的操作

   1.IDEA中如何创建动态web工程

 

   

src目录:存放自己编写的java源代码

webapp目录:专门存放web工程的资源文件,比如html页面、css文件、js文件等

WEB-INF目录:是一个受服务器保护的目录,浏览器无法直接访问到此目录的内容

web.xml文件:它是整个动态web工程的配置部署描述文件,可以在这配置很多web工程的组件,                          比如Servlet程序、Filter过滤器、Listener监听器、Session超时等

lib目录:存放第三方的jar包

   

2.给动态web工程添加额外jar包(也可以使用maven坐标的形式)

   

3.如何在IDEA中部署工程到Tomcat上运行 

   先修改一下名称(不改也可以)

 

上图中 一定要有这个war包或者jar包,才能够打包部署到服务器上

4.修改工程访问路径

   修改下面这个地方就好

 

5.修改运行的端口号

6.修改运行时的浏览器

 7.配置资源热部署

选择 下面的蓝色框中的选项----热部署


http://chatgpt.dhexx.cn/article/Ig0DGR9U.shtml

相关文章

Tomcat简介

一、概念 Tomcat 服务器是一个免费的开放源代码的Web 应用服务器&#xff0c;属于轻量级应用服务器&#xff0c;在中小型系统和并发访问用户不是 很多的场合下被普遍使用&#xff0c;是开发和调试JSP 程序的首选。 二、原理 Tomcat结构图&#xff1a; Tomcat主要组件&…

边框阴影

边框阴影为box-shadow&#xff1a; 其中h-shadow为阴影水平偏移&#xff1b;v-shadow为阴影垂直偏移&#xff1b;blar为模糊边框的距离&#xff1b;apread为阴影的尺寸&#xff1b;inset为将外阴影改变为内阴影。 添加阴影效果后&#xff1a;

border每个边框的阴影(box-shadow属性)

分别设置border四个边框为不同阴影&#xff08;box-shadow属性&#xff09; 一、效果图对比&#xff1a; 二、代码设置&#xff1a; 设置前的代码 box-shadow: none;设置后的代码 box-shadow: 0px -10px 0px 0px #ff0000, /*上边阴影 红色*/-10px 0px 0px 0px #3bee17, …

边框的阴影

网页里面,好多时都希望为边框加上阴影效果,看上去似乎凸显浮现,呼之欲出,比方说,页面的边线,对话框的边框,等等。 过去&#xff0c;我只知道是用图片&#xff0c;让美工将图切出来&#xff0c;然后就是排列&#xff0c;将位置对齐。这是一件非常麻烦的事情&#xff0c;常常要花…

Qt设置边框阴影效果

1.运行界面 2.源码 //.h #ifndef WIDGET_H #define WIDGET_H#include <QWidget>namespace Ui { class Widget; }class Widget : public QWidget {Q_OBJECTpublic:explicit Widget(QWidget *parent 0);~Widget();private:Ui::Widget *ui;};#endif // WIDGET_H//.cpp #i…

html页面下的阴影,css怎么设置阴影边框?

在CSS中可以使用阴影效果属性在HTML文档中添加边框(图像)阴影。下面本篇文章就来给大家介绍一下CSS的阴影效果属性&#xff0c;CSS添加阴影效果的方法&#xff0c;希望对大家有所帮助。 添加边框(图像)阴影 在CSS中可以使用box-shadow属性将阴影应用于文本框。此属性可设置阴影…

DIV四个边框分别设置阴影样式

原点为基点&#xff0c;原点左侧为x轴负方向&#xff0c;值为负&#xff0c;右侧为正&#xff1b;原点下方为y轴正方向&#xff0c;值为正&#xff0c;上方为负。如上图箭头所指。 官方用语&#xff1a; box-shadow:1px 2px 3px 4px #ccc inset&#xff1b; 来分别看一下…

网页边框和网页文字阴影

CSS: <style type"text/css"> /* 为 DIV 加阴影 */ .out { position:relative; background:#bbb; margin:10px auto; width:240px; } .in { background:#fff; border:1px solid #555; padding:10px 5px; position:relative; top:-5px; lef…

css3的边框阴影

2019独角兽企业重金招聘Python工程师标准>>> 语法&#xff1a; E {box-shadow: <length> <length> <length>?<length>?||<color>} 也就是&#xff1a; E {box-shadow:inset x-offset y-offset blur-radius spread-radius color} 换…

如何给边框添加阴影效果:box-shadow

css的box-shadow是用来添加边框阴影效果的。 属性值详解: 1、inset 可选值,默认阴影在盒子外 使用inset后,阴影在盒子内,即使指定边框或者透明边框,阴影依然存在。 2、<offset-x> <offset-y> 这是头两个<length> 值,用来设置阴影偏移量。offset-x为设置…

css中设置边框阴影效果

在进行前端页面设计的时候&#xff0c;过于线条化的边框常常显得不太友好。为了解决这个问题&#xff0c;CSS中有专门设置边框阴影的属性box-shadow。 支持box-shadow属性的浏览器&#xff1a;IE9、Firefox 4、Chrome、Opera 以及 Safari 5.1.1。 box-shadow的用法&#xff1a;…

怎样给边框添加阴影?CSS3属性box-shadow帮你搞定!

作者:WangMin 格言:努力做好自己喜欢的每一件事 CSDN原创文章 博客地址 &#x1f449; WangMin 关于box-shadow属性&#xff0c;有的小伙伴可能用的时候直接复制已有的&#xff0c;并没有仔细了解过box-shadow属性的参数分别是什么含义&#xff0c;最后导致阴影的样式不能按照自…

边框、边距、阴影

边框、边距、阴影 1.边框&#xff08;1&#xff09;边框属性&#xff1a;&#xff08;2&#xff09;设置不同方向的边框&#xff1a;&#xff08;3&#xff09;圆角边框&#xff1a;border-radius&#xff1a; 2.边距&#xff08;1&#xff09;内边距&#xff1a;padding&#…

给三角形添加边框阴影

需求&#xff1a;利用div边框形成了一个三角形&#xff0c;然后给这个三角形添加边框阴影 解决方法&#xff1a;利用filter这个css3属性&#xff0c;配合属op-shadow实现效果 首先弄一个普通的三角形出来&#xff1a; 可以发现&#xff1a;通过设置div边框得到的三角形&#x…

box-shadow上下左右四个边框设置阴影样式

box-shadow上下左右四个边框设置阴影样式 语法值 / 说明四个不同样式加点阴影实现效果比如这样的: 语法 box-shadow: h-shadow v-shadow blur spread color inset;注意&#xff1a;boxShadow 属性把一个或多个下拉阴影添加到框上。该属性是一个用逗号分隔阴影的列表&#xff0…

CSS 边框 阴影 效果

CSS 边框 阴影 效果 下面将css实现阴影效果&#xff0c;以便需要朋友们&#xff0c;直接上代码 #shadow1{ width: 200px; height: 100px; color: white; background-color: red; box-shadow: 5px -5px 1px 1px #000; -webkit-box-shadow:5px -5px 1px 1px #000; -moz-box-sha…

box-shadow四个边框设置阴影样式

其实对于box-shadow&#xff0c;老白我也是一知半解&#xff0c;之前用的时候直接复制已有的&#xff0c;也没有仔细思考过box-shadow的数值分别对应什么&#xff0c;最后导致阴影的边如何自由控制&#xff0c;苦于懒人一个一直没有正式去学习&#xff0c;今天无意中看到以下这…

html边框阴影咋设置,css阴影边框怎么设置

css阴影边框的设置方法&#xff1a;首先新建一个html文件&#xff1b;然后在这个html文件上创建两个【 】用来设置阴影边框&#xff1b;最后这两个div添加样式类为in、out。 本教程操作环境&#xff1a;windows10系统、css3版&#xff0c;DELL G3电脑&#xff0c;该方法适用于所…

如何给边框添加阴影效果

css的box-shadow是用来添加边框阴影效果的。 属性值详解&#xff1a; 1、inset 可选值&#xff0c;默认阴影在盒子外 使用inset后&#xff0c;阴影在盒子内&#xff0c;即使指定边框或者透明边框&#xff0c;阴影依然存在。 2、<offset-x> <offset-y> 这是头两个&l…

css添加边框阴影

css边框阴影如何设置&#xff1f; 语法&#xff1a; <style> box-shadow: h-shadow v-shadow blur spread color inset; </style> 取值&#xff1a; h-shadow&#xff1a;必需设置的值&#xff0c;定义水平阴影的位置。允许负值。 v-shadow&#xff1a;必需设置…