部署Web应用

最新推荐文章于 2024-08-05 23:55:59 发布
最新推荐文章于 2024-08-05 23:55:59 发布
阅读量2.9k 收藏 3
点赞数 2
分类专栏： Web前端 文章标签： web tomcat 部署
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40933663/article/details/90302053
版权
本文介绍了两种手工部署Web应用到Tomcat的方法。第一种是直接在Tomcat的webapps目录下创建并配置Web应用目录，包括创建必要的文件夹、web.xml配置以及主页和资源。第二种方式涉及复制应用目录到外部路径，并修改server.xml配置来添加新的Context。
摘要由CSDN通过智能技术生成

采用两种方式手工部署Web应用。

第一种方式实现思路：

  1. 在Tomcat的webapps目录下，创建一个Web应用目录News；
  2. 在News下分别创建WEB-INF/classes和WEB-INF/lib两个文件夹；
  3. 创建web.xml文件，添加到WEB-INF目录下，将其默认主页设置为index.html；
  4. 为News应用添加主页index.html、后台主页admin.html以及CSS、images、newspages子目录及相关资源；
  5. 将News应用部署到Tomcat中，启动Tomcat服务器，通过IE进行访问。
    第二种方式实现思路：
    1）将上述News应用目录从webapp目录下拷贝到D:\News路径下；
    2）在%Tomcat_home%\conf路径下的server.xml的标签下增加一行代码：

    3）保存server.xml文件，启动Tomcat服务器；
    4）在IE浏览器地址栏输入：http://localhost:8080/news/index.html 访问该应用。
    在这里插入图片描述

项目：
在这里插入图片描述
admin.css:

@charset "GBK";
/* CSS Document */
*{
    margin:0; padding:0;}
body{
    font:12px/20px Tahoma;}
table{
    border-collapse:collapse;}
img{
    border:0;}
li{
    list-style:none;}

a{
    color:#333; text-decoration:underline;}
a:hover{
    color:#f00; text-decoration:underline;}

#header{
    clear:both; margin:0 auto; margin-top:15px; width:947px; height:116px; border:1px solid #dfdfdf; background:url(../Images/topbg.gif) repeat-x;}
	#welcome{
    padding:6px 0 0 10px; height:30px;}
	#nav{
    clear:both; padding:0 10px;}
		#logo{
    float:left; background:#f00;}
		#a_b01{
    float:right; width:781px; margin:4px 0 0 0; background:#f00;}
		
#admin_bar{
    clear:both; width:947px; margin:14px auto 0; height:25px; background:url(../Images/admin_bar.gif) repeat-x; border:1px #d5d9da solid; border-top:0;}
	#status{
    float:left; width:550px; padding:2px 0 0 20px;}
	#channel{
    float:right; width:360px;}
		#channel li{
    float:left; width:66px; height:22px; line-height:22px; text-align:center; background:url(../Images/channel_bg.gif) no-repeat; margin:0 3px;}
		#channel li a{
    color:#2a3668; text-decoration:none;}
		#channel li a:hover{
    color:#f60; text-decoration:underline;}
		#channel li#name{
    background:none; width:auto;}
		
#main{
    clear:both; width:947px; height:100%; overflow:hidden; margin:14px auto 0;}
	#opt_list{
    float:left; width:130px; padding:10px 0 0 14px;}
	#opt_area{
    float:right; width:770px; margin:14px 0 0 0;}
		#opt_type{
    height:28px; padding:4px 0 0 18px; margin:0 0 20px 0; font:600 14px/24px Arial; background:url(../Images/opt_name.gif) no-repeat;}
		#opt_area p{
    margin:10px 0;}
		.opt_input{
    margin-left:6px; border:1px solid #999; height:18px; line-height:18px; width:200px;}
		.opt_sub{
    height:25px; background:url(../Images/opt_sub.gif) repeat-x; text-align:center; border:1px solid #ceced0; font:12px/25px Arial; padding:0 6px; letter-spacing:3px;}
		.classlist{
    clear:both; margin-top:10px;}
			.classlist li{
    position:relative; line-height:22px; background:url(../Images/arrow.gif) no-repeat 0 10px; padding:0 130px 0 8px;}
			.classlist li.space{
    background:none; height:22px;}
			.classlist li span{
    position:absolute; top:-1px; *top:-4px; right:16px;}
#site_link{
    clear:both; width:947px; margin:35px auto 0; background:#e3e3e3; border-top:2px #0c7eb2 solid; height:26px; line-height:28px; text-align:center;}
#site_link a{
    color:#000; text-decoration:none;}
#site_link a:hover{
    color:#f00; text-decoration:underline;}
#site_link span{
    margin:0 6px;}
		
	
#friend{
    clear:both; width:947px; height:140px; margin:0 auto;}
	.friend_t{
    height:24px; border:1px solid #b3b7ba; background:url(../Images/friend_t.gif) repeat-x; padding:4px 0 0 10px;}
	.friend_list{
    height:110px; overflow:hidden; background:url(../images/firend_bg.gif) repeat-x; border:1px solid #bfd0d5; border-top:0;}
	.friend_list ul{
    margin:14px 10px 0;}
	.friend_list li{
    float:left; margin-right:10px; white-space:nowrap;}

#footer{
    clear:both; width:947px; margin:14px auto 0; text-align:center;}
	#footer p{
    font:14px/24px Arial; color:#999;}
	#footer p.copyright{
    color:#333; margin-top:15px;}

main.css

@charset "GBK";
/* CSS Document */
*{
    margin:0; padding:0;}
body{
    font:12px/20px Tahoma;}
table{
    border-collapse:collapse;}
img{
    border:0;}
li{
    list-style:none;}

a{
    color:#335884; text-decoration:none;}
a:hover{
    color:#f00; text-decoration:underline;}

#header{
    clear:both; position:relative; margin:0 auto; margin-top:15px; width:947px; height:116px; border:1px solid #dfdfdf; background:url(../Images/topbg.gif) repeat-x;}
	#top_login{
    padding:6px 0 0 10px;}
		.login_input{
    height:19px; line-height:19px; width:118px; border:none; background:url(../Images/login_input.gif) no-repeat; margin:0 14px 0 6px;}
		.login_sub{
    width:51px; height:19px; border:none; background:url(../Images/login_sub.gif) no-repeat;}
		.login_link{
    text-decoration:underline; margin:0 6px;}
		#friend_logo{
    position:absolute; top:6px; right:6px;}
		
	#nav{
    clear:both;}
		#logo{
    float:left; width:145px; margin:8px 0 0 12px;}
		
		#mainnav{
    float:right; margin:10px 10px 0 0 ;}
		#mainnav ul{
    clear:both;}
		#mainnav ul li{
    float:left; margin:0 2px; padding-left:6px; background:url(../Images/nav_leftdot.gif) no-repeat 0 8px; line-height:24px;}
		#mainnav ul li a{
    color:#333;}
		#mainnav ul li.leftLineTop{
    background-image:url(../Images/nav_leftline.gif);}
		#mainnav ul li.headLi{
    background:none;}
		
		
#container{
    clear:both; width:947px; height:100%; overflow:hidden; margin:14px auto 0;}
	.sidebar{
    float:left; width:157px;}
		.sidebar h1{
    clear:both;}
		.side_list{
    height:250px; background:url(../Images/sidebarbg.gif) no-repeat; margin:2px 0 12px;}
	.main{
    float:right; width:787px;}
		.class_type{
    background:url(../Images/class_bg.gif) no-repeat right 8px; height:40px; padding:0 0 0 14px;}
		.content{
    float:left; width:500px; border-right:1px solid #eff0f4; margin:16px 0 0 10px;}
			.class_date{
    font:12px/20px Arial; border-bottom:1px solid #d4d6d9; margin-right:10px;}
				#class_month{
    font-weight:600;}
				#class_month a{
    margin:0 7px; *margin:0 5px;}
				#class_day{
    line-height:30px;}
			.classlist{
    clear:both; margin-top:10px;}
			.classlist li{
    position:relative; line-height:22px; background:url(../Images/arrow.gif) no-repeat 0 10px; padding:0 130px 0 8px;}
			.classlist li.space{
    background:none; height:22px;}
			.classlist li span{
    position:absolute; top:-1px; *top:-4px; right:16px;}
		.picnews{
    float:right; width:250px; text-align:center; margin:16px 0 0 0;}
		.picnews li{
    margin-bottom:10px;}
		
	
#friend{
    clear:both; width:947px; height:140px; margin:0 auto;}
	.friend_t{
    height:24px; border:1px solid #b3b7ba; background:url(../Images/friend_t.gif) repeat-x; padding:4px 0 0 10px;}
	.friend_list{
    height:110px; overflow:hidden; background:url(../images/firend_bg.gif) repeat-x; border:1px solid #bfd0d5; border-top:0;}
	.friend_list ul{
    margin:14px 10px 0;}
	.friend_list li{
    float:left; margin-right:10px; white-space:nowrap;}

#footer{
    clear:both; width:947px; margin:14px auto 0; text-align:center;}
	#footer p{
    font:14px/24px Arial; color:#999;}
	#footer p.copyright{
    color:#333; margin-top:15px;}

read.css

@charset "GBK";
/* CSS Document */
*{
    margin:0; padding:0;}
body{
    font:12px/20px Tahoma;}
table{
    border-collapse:collapse;}
img{
    border:0;}
li{
    list-style:none;}

a{
    color:#335884; text-decoration:none;}
a:hover{
    color:#f00; text-decoration:underline;}

#header{
    clear:both; position:relative; margin:0 auto; margin-top:15px; width:947px; height:116px; border:1px solid #dfdfdf; background:url(../Images/topbg.gif) repeat-x;}
	#top_login{
    padding:6px 0 0 10px;}
		.login_input{
    height:19px; line-height:19px; width:118px; border:none; background:url(../Images/login_input.gif) no-repeat; margin:0 14px 0 6px;}
		.login_sub{
    width:51px; height:19px; border:none; background:url(../Images/login_sub.gif) no-repeat;}
		.login_link{
    text-decoration:underline; margin:0 6px;}
		#friend_logo{
    position:absolute; top:6px; right:6px;}
		
	#nav{
    clear:both;}
		#logo{
    float:left; width:145px; margin:8px 0 0 12px;}
		
		#mainnav{
    float:right; margin:10px 10px 0 0 ;}
		#mainnav ul{
    clear:both;}
		#mainnav ul li{
    float:left; margin:0 2px; padding-left:6px; background:url(../Images/nav_leftdot.gif) no-repeat 0 8px; line-height:24px;}
		#mainnav ul li a{
    color:#333;}
		#mainnav ul li.leftLineTop{
    background-image:url(../Images/nav_leftline.gif);}
		#mainnav ul li.headLi{
    background:none;}
		
		
#container{
    clear:both; width:947px; height:100%; overflow:hidden; margin:14px auto 0;}
	.sidebar{
    float:left; width:157px;}
		.sidebar h1{
    clear:both;}
		.side_list{
    height:250px; background:url(../Images/sidebarbg.gif) no-repeat; margin:2px 0 12px;}
	.main{
    float:right; width:787px;}
		.class_type{
    background:url(../Images/class_bg.gif) no-repeat right 8px; height:40px; padding:0 0 0 14px;}
		.content{
    float:right; width:787px; border-right:1px solid #eff0f4; margin:16px 0 0 10px;}
			
			.classlist{
    clear:both; margin-top:10px;}
			.classlist li{
    position:relative; line-height:22px; background:url(../Images/arrow.gif) no-repeat 0 10px; padding:0 130px 0 8px;}
			.classlist li.space{
    background:none; height:22px;}
			.classlist li span{
    position:absolute; top:-1px; *top:-4px; right:16px
最低0.47元/天 解锁文章
Sasura_321
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Linux部署web应用
csdnzhaoxiaosheng的博客
04-23 658
linux上搭建web服务器运行环境，需要提前下载好Linux系统版本Tomcat、jdk、mysql；可以选择自己需要Tomcat的版本下载；可以选择自己需要的jdk版本下载；可以选择自己需要的mysql版本下载；Tomcat、jdk、MySQL网盘下载链接: https://pan.baidu.com/s/12whhFcri9JEfOVneR2MGiA 提取码: avu91.1.1把jdk上传到linux，我上传目录在root下root目录下执行 ls查看jdk上传成功。
docker入门(利用docker部署web应用)
热门推荐
仰望星空
05-26 41万+
前言:本课程是在慕课网上学习 第一个docker化的java应用 课程时所做的笔记,供本人复习之用 目录 第一章 什么是docker 1.1 docker的发展史 1.2 docker国内应用史 1.3 什么是Docker 第二章 了解docker 2.1 docker思想 2.1.1 集装箱 2.1.2 标准化 2.1.3 隔离 2.2 docker解决的问题 2.2.1...
Web及其Web应用部署
阳young的博客
02-11 1942
Web概念: Web即网页, 表示在Internet主机上供外界访问的资源. Web资源: 1. 静态资源: html, css, js, txt......2. 动态资源: jsp,servlet...... Web服务器:
【Kubernetes】应用的部署（一）：金丝雀部署
最新发布
书山有路，学海无涯。记录成长，追逐梦想
08-05 550
金丝雀部署也被叫作灰度部署。金丝雀部署过程：先让一部分用户继续使用旧版本，而另一部分用户开始使用新版本；如果新版本没有发生问题，则逐步扩大新版本的使用范围直到使用旧版本的用户都使用新版本。
部署Web应用程序
Abel_01_xu的博客
12-03 1352
1. 部署IIS      iis是Internet Information Services的缩写，意为互联网信息服务，IIS是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。【选自百度百科】 1.1 安装IIS       ...
Web 部署
lfm1010123的博客
11-01 629
一、Servlet 项目部署 二、Spring Boot 项目部署
Web部署应用
hyp520520的博客
10-26 356
Web部署应用Web部署应用Web部署应用tomcat
idea配置Tomcat部署web应用
05-10
"IDEA配置Tomcat部署Web应用" Томcat是Apache软件基金会下的一个开源的Web应用服务器，常用于部署Web应用程序。IntelliJ IDEA是一款功能强大的集成开发环境（IDE），支持多种编程语言和开发框架。下面将详细...
tomcat部署web应用的4种方法总结(推荐)
09-30
本篇文章主要介绍了tomcat部署web应用的方法，主要有4中方法，包括Tomcat自动部署、控制台进行部署、增加自定义的Web部署文件、手动修改%Tomcat_Home%confserver.xml文件来部署web应用，有兴趣的可以了解一下。
JettY 部署Web应用程序.doc
12-09
本文将深入探讨如何在Jetty中部署Web应用程序，包括相关术语和部署策略。 首先，我们需要理解一些关键术语： 1. **Web应用程序**：由HTML文件、图像、Java类文件、配置文件等组成的文件集合。对于符合Servlet规范...
在Glassfish上部署web应用
04-24
在本文中，我们将深入探讨如何在Glassfish服务器上部署Web应用程序。Glassfish是一款开源的应用服务器，主要用于运行Java EE（现在称为Jakarta EE）应用程序，包括Web应用程序和企业级Java组件。 首先，对于Java EE...
提供一个《在Tomcat部署和发布Web应用》的入门教程
03-05
在Tomcat部署和发布Web应用.pps 博文链接：https://frankiehuang.iteye.com/blog/138180
Tomcat部署Web应用
m0_75186659的博客
05-07 1370
Tomcat是一个由Apache组织开发的Web应用服务器，是使用最广泛的Servlet容器之一。Tomcat实现了Java Servlet和JavaServer Pages(JSP)技术规范，可以为开发人员提供强大的Web应用程序开发环境。支持Java Servlet和JSP规范：Tomcat支持最新版本的Java Servlet API和JavaServer Pages规范，可以轻松开发和部署Web应用程序。
localhost com为初学者部署Web应用程序
weixin_26705651的博客
08-22 816
In college, I learned a lot about building Web Apps and APIs using technologies like Node.js and ASP.NET. As soon as I could, I started building hobby projects to hone my skills and have something to ...
Web 应用部署方式
qq_35178316的博客
07-13 2207
目录 前言 二、Web 应用部署的两种方式 1.前后端同步部署 2.前后端分离部署 3.以数据中心部署为例 三、Iframe 下微前端整合处理 1.主应用和子应用的挂载方式 2.跨域数据共享问题 3.服务端路由是什么意思？ 4.数据中心的特殊性 四、更进一步的微前端方案 总结 前言 恕我班门弄斧，以《智慧运维系统》为例，讲述Web 应用部署的结构、Iframe 下微前端整合方案以及第三方独立应用的载入过程。如果您没有看懂，那一定是我没有描述正确，欢迎批评指正！ 提示：本文仅以.
三种部署web应用的方法
苹果超人|
09-10 131
1.直接将工程的WebContent目录拷贝到Tomcat的webapps目录下面，启动服务器即可（当然你要测试一下） 2.在Tomcat的server.xml文件中Host节点下添加：    Context path="/wPoliceSeeker" docBase="C:\wPoliceSeeker\WebContent" /> 3.在tomcat的conf文件夹的Catalina...
将你的Web应用免费部署到云端
fycheung的专栏
02-03 2万+
Introduction 将web应用部署到网上，需要两个条件，域名和虚拟主机。而现在流行的云计算平台就可以免费为我们提供这个服务，而且管理简单，无需担心硬件、补丁或备份，并可轻松实现可扩展性。如果你用的开发语言是java和python，很幸运，Google app engine(简称GAE，谷歌的云计算平台)和Sina app engine（简称SAE，新浪的云计算平台）都可以很容易满足你
腾讯云部署web应用
04-11
腾讯云提供了多种方式来部署Web应用，以下是其中几种常用的方式： 1. 云服务器（CVM）：您可以在腾讯云上创建一台云服务器，然后将您的Web应用程序部署到该服务器上。您可以选择适合您需求的操作系统和配置，然后通过SSH远程登录服务器进行配置和管理。 2. 云函数（SCF）：云函数是一种无服务器计算服务，您可以将您的Web应用程序打包成函数，并通过事件触发来执行。云函数具有自动扩缩容、按需计费等特点，适合处理短时任务和低并发的Web应用。 3. 容器服务（TKE）：容器服务是一种基于Kubernetes的容器管理服务，您可以将您的Web应用程序打包成容器镜像，并通过容器服务进行部署和管理。容器服务提供了高可用、弹性伸缩等特性，适合处理高并发和复杂的Web应用。 4. 无服务器应用引擎（SLS）：无服务器应用引擎是一种全托管的Serverless应用引擎，您只需要上传您的代码，无需关心服务器和基础设施的管理。无服务器应用引擎支持多种编程语言和框架，适合快速部署和迭代开发Web应用。 以上是腾讯云部署Web应用的几种常用方式，您可以根据您的需求和技术栈选择适合的方式进行部署。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值