如何在Tomcat上部署自己的静态web页面

1.官网上下载Tomcat,可以是最新版本,具体就不多阐述了

2.下载完Tomcat之后进入文件,先来看看Tomcat的文件目录
在这里插入图片描述
可以看到,要在Tomcat上部署一个网站,需要把做好的文件放到webapps包下。
进入webapps
在这里插入图片描述
可以看到有以下这些包,我们进入ROOT,可以看到一些html文件,css文件以及图片等
通过启动脚本,然后在网页上查询localhost:8080,可以看到tomcat内置的网页,如下图:
在这里插入图片描述
那么我们现在想要部署一个自己的网页,首先,在webapps下新建一个文件夹,然后在ROOT文件中复制WEB_INF文件,粘贴到我们自己新建的文件夹下
在这里插入图片描述
复制到我们自己的文件当中
在这里插入图片描述
下一步在文件夹中新建一个txt文件并将后缀名改为html,用记事本或其他编辑器打开,写入html代码,我这边使用sublime,在网上找了一段西部开源的代码,步骤如下:
在这里插入图片描述
在这里插入图片描述

代码写好以后记得保存!
接着就可以验证我们的静态页面是否已经部署在Tomcat服务器上了

验证的第一步,进入bin目录
在这里插入图片描述
第二步,找到startup.bat,双击打开
在这里插入图片描述
打开以后就可以在网页访问我们的静态页面了
在这里插入图片描述
回车
在这里插入图片描述

发生进入了Tomcat自己部署的页面
没关系,我们接着在后面加上 “/刚才自己创建的文件名”
再按回车,可以看到我们自己部署的页面就出现了
在这里插入图片描述
到这就完成了再Tomcat上部署一个静态html页面,如果有图片或者其他元素,也都需要加入到我们自己新建的文件夹当中!

  • 5
    点赞
  • 36
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值