tomcat服务器配置

article/2025/9/17 4:55:19

tomcat服务器配置

  • 1 tomcat部署web项目的三大方式
    • 1.1 直接将项目放到tomcat服务器下的webapps目录下
    • 1.2 配置tomcat服务器下conf目录下server.html文件
    • 1.3 在conf\Catalina\localhost创建任意名称的xml文件
  • 2 将tomcat集成到IDEA中,创建JavaEE项目,部署项目
    • 2.1 tomcat配置到IDEA中
    • 2.2 IDEA中创建JavaEE项目

1 tomcat部署web项目的三大方式

1.1 直接将项目放到tomcat服务器下的webapps目录下

例如,本地计算机下有一个web项目,该项目名称为【helloworld】,在该项目里定义了一些静态资源文件,该项目下有一个helloworld.html的静态文件。
在这里插入图片描述
直接将该项目文件夹完整复制到tomcat安装目录下的webapps目录下即可部署成功。
在这里插入图片描述
接下来启动tomcat服务器,用户即可在浏览器访问到该资源文件。
在这里插入图片描述
这种部署方式可以进行简化,当一个web项目里面有很多的静态文件,可以把项目下的资源文件打包成一个.war文件,这样可以压缩传送速度,并且当把该项目复制到webapps目录下会自动解压该项目下的所有文件,删除该项目压缩包时所涉及到的资源文件会被一起删除。

1.2 配置tomcat服务器下conf目录下server.html文件

在tomcat安装目录下的conf目录下打开server.xml文件进行配置
在这里插入图片描述
打开server.xml文件找到最下方的标签,在里面进行配置。
在这里插入图片描述
其中docBase为web项目路径,path为新设置的虚拟目录。此时web项目配置好了,启动服务器,在浏览器即可访问该web项目,注意在浏览器输入地址是要使用上面配置的虚拟目录。
在这里插入图片描述

1.3 在conf\Catalina\localhost创建任意名称的xml文件

在创建的xml文件中编写:
在这里插入图片描述
此时配置文件没有虚拟目录,访问时使用的虚拟目录是创建的xml文件的文件名。
在这里插入图片描述

2 将tomcat集成到IDEA中,创建JavaEE项目,部署项目

2.1 tomcat配置到IDEA中

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
至此,tomcat配置到IDEA中结束,可以检查下是否成功:
在这里插入图片描述
在这里插入图片描述
可以看到+ - 号下面有一个tomcat服务器,+ - 号可以新增或者删除配置好的服务器,至此配置成功!

2.2 IDEA中创建JavaEE项目

注意,新版的IDEA中创建java项目可能没有javaEE模块没有webApplication,此时在IDEA页面上同时按住键盘【alt+ctrl+shift+/ 】,调出下面页面,点击第一个。
在这里插入图片描述
按字母排序,找到 【javaee-legacy.project.wizard】 ,选中。
在这里插入图片描述
接下来开始创建web项目:
在这里插入图片描述
在这里插入图片描述
按照步骤操作即可创建完成!

完成创建后,将看到web项目的目录结构:
在这里插入图片描述
新增的html页面放在web目录下;
WEB-INF是动态项目目录,其中包含:
web.xml:该项目的核心配置文件
classes目录:存放字节码文件
lib目录:放置项目依赖的jar包

另外,这里再配置一些tomcat服务器,以至于每次新增文件时不需要再次启动服务器,直接自动更新部署,配置如下:
在这里插入图片描述
至此,IDEA中创建JavaEE项目及部署到此结束!


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

相关文章

配置Tomcat服务器

配置Tomcat服务器 步骤1: 首先配置JAVA_HOME的系统环境变量,选择我的电脑—属性—高级系统设置 步骤2:点击环境变量进行设置 步骤3:在系统环境变量中新建 JAVA_HOME 步骤4:然后在系统环境变量path中加入Tomcat的配…

Myeclipse配置tomcat服务器

✅作者简介:热爱国学的Java后端开发者,修心和技术同步精进。 🍎个人主页:Java Fans的博客 🍊个人信条:不迁怒,不贰过。小知识,大智慧。 ✨特色专栏:国学周更-心性养成之路…

Tomcat服务器的使用

目录 一、JavaWeb概念 1.什么是JavaWeb 2.什么是请求 3.什么是响应 4.请求和响应的关系 二、Web资源的分类 三、常用Web服务器 四、Tomcat的使用 1.安装 2.目录介绍 3.启动Tomcat服务器 如何测试是否启动成功? 启动失败的情况 4.停止Tomcat服务器 5.如何修改…

Tomcat简介

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

边框阴影

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

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

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

边框的阴影

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

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;今天无意中看到以下这…