Tomcat部署web项目与idea中配置web项目方法【通俗易懂】

news2025/1/11 6:03:46

✨前言✨
  本文章主要介绍tomcat环境的配置,idea配置web项目,idea一般项目中配置tomcat,内容有点长,建议点击目录跳转阅读,文中所含均为官方文件,请放心使用。

🍒欢迎点赞 👍 收藏 ⭐留言评论 📝私信必回哟😁
🍒博主将持续更新学习记录收获,友友们有任何问题可以在评论区留言


文章目录

  • 一,Web是什么(简单概述)
    • 1、百度百科
    • 2、软件架构
    • 3、资源分类
    • 4、web服务器
    • 5,概述
  • 二,安装Tomcat以及环境配置
    • 1,下载Tomcat
    • 2,配置Tomcat 环境
  • 三,手动部署一个简单的Web项目
  • 四,在IDEA部署一个Web项目

一,Web是什么(简单概述)

1、百度百科

  web(World Wide Web)即全球广域网,也称为万维网,它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面,其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。

2、软件架构

C/S 客户端/服务器 (就是要下载客户端的软件比如QQ,英雄联盟)

B/S 浏览器/服务器 (就是不用下载客户端的,比如京东,淘宝这样)

  C/S 需要程序员开发客户端

  B/S 则以浏览器作为客户端

3、资源分类

  静态资源:所有用户访问所得结果都一样的。(例如:官网)

 动态资源:每个用户访问都有可能得到不相同的。(例如:淘宝)

4、web服务器

(1) 概念

安装了服务器软件的计算机

接受用户请求处理请求作出反应

(2) 服务器

tomcat(免费)动态

nginx(静态)

5,概述

1、web是什么?

  web其实我们每一个人都接触过,也就是我们常见的网页、网站,有三种常见的形式:超文本、超媒体、超文本传输协议。而平常听说的web开发,其实也就是网站开发。网站由很多的网页组成,网页又由一行行的标签代码、数据代码组成。web开发就是把这些代码编写组成浏览器能认识的标记,经过浏览器解释后,普通人就能看到的过程。虽然这几句话说着简单,但其实真正的开发过程远比这复杂得多。

2、我们以一张图来看看web组成有哪些(以最简单的PHP为例子)
在这里插入图片描述


二,安装Tomcat以及环境配置

1,下载Tomcat

配置tomcat当然是先下载tomcat啦,tomcat为绿色的软件,只需要下载并解压,删除也只需要将文件删除即可。

点击此处进入Tomcat官网

在这里插入图片描述

可下载8、9、10版本,比较推荐下载8的版本,因为现在大部分公司还是在使用8的版本,但也可根据自己的需求下载。

在这里插入图片描述

可以选择一个链接点击直接下载,博主下载的是 zip,下载随机而选

下载完成后放到一个合适的盘并解压缩建议不要放在c盘,接下来开始配置环境变量

下载并解压好后如下:

在这里插入图片描述

内置文件信息 描述如下

在这里插入图片描述

2,配置Tomcat 环境

1,打开本机的设置中的高级系统设置

在这里插入图片描述

2,点击环境变量

在这里插入图片描述

3,点击新建系统变量

在这里插入图片描述

4,配置如下

在这里插入图片描述

5,配置Path环境变量,双击“path”即可

在这里插入图片描述

6,点击新建,在输入框中输入以下内容

%CATALINA_HOME%\bin\

在这里插入图片描述

7,完成后全部点击确定即可

8,验证tomcat配置是否成功 【首先win+R输入cmd回车。然后再DOS窗口输入】

startup.bat

回车,弹出tomcat服务器启动窗口,

(或者在下载的Tomcat文件中打开bin文件,双击startup.bat 文件同样能启动web服务)

在这里插入图片描述

以下为cmd窗口(显示以上弹窗,基本上Tomcat的环境基配置已经完成了)

在这里插入图片描述

之后点击此处 http://localhost:8080/ 打开以下页面即为设置成功

注意:请勿将tomcat弹出的窗口关闭,关闭服务器就会关闭,要一直开着才能访问

在这里插入图片描述



三,手动部署一个简单的Web项目

手动部署项目需要在,webapps文件中进行

1,首先我们新建一个网页myweb 如下

在这里插入图片描述
2,然后在文件myweb中写一个简单的网页,然后改后缀名为 html 如下

在这里插入图片描述
3,然后在本机任意浏览器中访问,这不要去双击打开网页

根据自己文件的所在位置输入文件路径访问

在这里插入图片描述
在网页中浏览成功显示html网页文件,至此一个手动部署的web就大功告成咯



四,在IDEA部署一个Web项目

1,点击新建项目

提示:不同的版本的idea操作界面不相同,但操作逻辑是差不多的

在这里插入图片描述

在这里插入图片描述

2,如图即为成功

在这里插入图片描述

3,而后直接点击右上角运行箭头即可 ,最终会自动跳转显示如下网页,则为成功

在这里插入图片描述



✨最后✨

总结不易,希望uu们不要吝啬你们的👍哟(^U^)ノ~YO!!
如有问题,欢迎评论区批评指正😁

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1520238.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Spring MVC(一)— DispatcherServlet

DispatcherServlet 是Spring MVC框架的HTTP 请求处理器的中央调度器。它具有以下的功能: 1)基于IoC容器JavaBean配置机制。 2)使用HandlerMappingl来实现请求到处理器的路由映射。 3)使用HandlerAdapter 来处理不同的处理器。 …

uni app 钓鱼小游戏

最近姑娘喜欢玩那个餐厅游戏里的钓鱼 &#xff0c;经常让看广告&#xff0c;然后就点点点... 自己写个吧。小鱼的图片自己搞。 有问题自己改&#xff0c;不要私信我 <template><view class"page_main"><view class"top_linear"><v…

GPT实战系列-LangChain的OutPutParser解析器

GPT实战系列-LangChain的OutPutParser解析器 LangChain GPT实战系列-LangChain如何构建基通义千问的多工具链 GPT实战系列-构建多参数的自定义LangChain工具 GPT实战系列-通过Basetool构建自定义LangChain工具方法 GPT实战系列-一种构建LangChain自定义Tool工具的简单方法…

蓝桥杯历年真题省赛Java b组 2017年第八届

一、题目 纸牌三角形&#xff08;难度&#xff1a;★★★&#xff09; A,2,3,4,5,6,7,8,9 共9张纸牌排成一个正三角形&#xff08;A按1计算&#xff09;。要求每个边的和相等。 下图就是一种排法。 这样的排法可能会有很多。 如果考虑旋转、镜像后相同的算同一种&#xff0c;…

基于单片机的自动售货机的设计

摘 要 自动售货机是近些年来兴起的一种通过FPGA或者单片机等硬件支持的智能设备。它广泛的应用于商场&#xff0c;公寓&#xff0c;火车汽车站等人流较密集且购物需求大的地方。自动售货机通过硬件支持&#xff0c;通过以编写好的程序自动出货自动找零&#xff0c;但货物一旦售…

SpringMVC基础之工作流程

文章目录 SpringMVC 的工作流程1. 总图2. DispatcherServlet3. 必需的配置4. 加载配置文件的两个时机5. 定义控制器6. 创建 JSP 视图 SpringMVC 的工作流程 1. 总图 如上图&#xff0c;Spring MVC 程序的完整执行流程如下&#xff1a; 用户通过浏览器发送请求&#xff0c;请求…

Django之图形验证码

Django之图形验证码 目录 Django之图形验证码【1】静态图片【2】视图层绑定静态文件【3】PIL生成图片(固定背景)【4】将图片存储在内存【5】生成文本信息【6】实现图片刷新 【1】静态图片 最基础的生成图片就是获取静态文件 <div style"margin-left: 10px;">…

单片机毕业设计智能家居集成控制器

项目介绍 物联网技术的兴起和发展逐渐的改变了我们的工作方式和生活方式。不仅需要办公变得智能&#xff0c;也需要家居生活逐渐变得智能化起来。智能家居就是在这样的影响下产生的。智能家居提供家电控制、照明控制、遥控控制、环境监测、防盗报警、人体红外扫描等多种功能和…

中电金信:技术实践|Flink维度表关联方案解析

导语&#xff1a;Flink是一个对有界和无界数据流进行状态计算的分布式处理引擎和框架&#xff0c;主要用来处理流式数据。它既可以处理有界的批量数据集&#xff0c;也可以处理无界的实时流数据&#xff0c;为批处理和流处理提供了统一编程模型。 维度表可以看作是用户来分析数…

1.2 课程架构介绍:STM32H5 芯片生命周期管理与安全调试

1.2 课程架构介绍&#xff1a;STM32H5 芯片生命周期管理与安全调试 下面开始学习课程的第二节&#xff0c;简单介绍下STM32H5芯片的生命周期和安全调试&#xff0c;具体课程大家可以观看STM32官方录制的课程&#xff0c;链接&#xff1a;1.2. 课程架构介绍&#xff1a;STM32H5…

专业无网设备如何远程运维?向日葵远程控制能源场景案例解析

清洁能源领域&#xff0c;拥有庞大的上下游产业链&#xff0c;涉及的相关工业设备门类多、技术覆盖全、行业应用广。在这一领域内&#xff0c;相关专业设备的供应商的核心竞争力除了本身产品的技术能力之外&#xff0c;服务也是重要的一环。 某企业作为致力于节能环保方向的气…

Oracle 一键巡检自动生成 Word 报告

前言 Oracle 数据库巡检通常需要消耗大量时间和精力&#xff0c;包括收集数据库以及主机的相关信息。针对 Word 报告的样式调整&#xff0c;也是重复和费事的&#xff0c;所以我针对 Oracle 巡检所需检查的信息以及报告模板&#xff0c;写了一套自动巡检并且生成报告的脚本。巡…

【回归预测】基于DBO-RF(蜣螂优化算法优化随机森林)的回归预测 多输入单输出【Matlab代码#67】

文章目录 【可更换其他算法&#xff0c;获取资源请见文章第6节&#xff1a;资源获取】1. 随机森林RF算法2. 蜣螂优化算法3. 实验模型4. 部分代码展示5. 仿真结果展示6. 资源获取 【可更换其他算法&#xff0c;获取资源请见文章第6节&#xff1a;资源获取】 1. 随机森林RF算法 …

【每日一问】手机如何开启USB调试?

一、背景 当电脑跟手机之间需要进行交互的时候&#xff0c;可以考虑使用usb进行连接。那么手机如何开启USB调试呢&#xff1f; 二、操作步骤&#xff1a; 思路&#xff1a; 步骤1&#xff1a;手机开启开发者模式 步骤2&#xff1a;在开发者模式中&#xff0c;开启“USB调试”…

孙宇晨最新研判:加密货币将成为全球金融基础设施的一部分

近日,波场TRON创始人、火币HTX全球顾问委员会委员孙宇晨接受了在加密社区有重要影响力的媒体平台Bankless的专访,就自己的从业经历、涉足加密行业的理想、波场TRON本身的发展和未来的市场走向等话题进行了详细的分享。 孙宇晨认为,波场TRON的使命是为那些没有银行账户的人提供…

数据结构——字符串

1.leetcode 151 题目链接&#xff1a; . - 力扣&#xff08;LeetCode&#xff09;. - 备战技术面试&#xff1f;力扣提供海量技术面试资源&#xff0c;帮助你高效提升编程技能,轻松拿下世界 IT 名企 Dream Offer。https://leetcode.cn/problems/reverse-words-in-a-string/…

Vue.js+SpringBoot开发天沐瑜伽馆管理系统

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 数据中心模块2.2 瑜伽课程模块2.3 课程预约模块2.4 系统公告模块2.5 课程评价模块2.6 瑜伽器械模块 三、系统设计3.1 实体类设计3.1.1 瑜伽课程3.1.2 瑜伽课程预约3.1.3 系统公告3.1.4 瑜伽课程评价 3.2 数据库设计3.2.…

HTML—标签的分类,span和div标签,不同的标签之间类型转换

标签的分类&#xff1a; ①块级标签&#xff1a;无论内容多少&#xff0c;会充满整个行。大小可自定义 例&#xff1a;p&#xff0c;h1&#xff0c;ul&#xff0c;ol&#xff0c;hr 等 ②行级标签&#xff1a;自身的大小就是标签的大小&#xff0c;不会占一整行。大小不可调 例…

免费升级https的方式(含教学)

背景&#xff1a;随着现在全民网络安全意识的日益提升&#xff0c;各个网站实现的https数量也随之提升&#xff0c;那么如何将原本网站的http访问方式升级为https呢&#xff1f;下面均为干货内容。 目录 http访问和https访问的区别&#xff1a; 实现https后有哪些好处&#x…

多人聊天室 (epoll - Linux网络编程)

文章目录 零、效果展示一、服务器代码二、客户端代码三、知识点1.bind() 四、改进方向五、跟练视频 零、效果展示 一个服务器作为中转站&#xff0c;多个客户端之间可以相互通信。至少需要启动两个客户端。 三个客户端互相通信 一、服务器代码 chatServer.cpp #include <…