Tomcat前端页面部署

一,Tomcat的安装

1.Tomcat是什么

Tomcat是一个HTTP服务器,HTTP协议是HTTP客户端和HTTP服务器之间交换数据的格式,我们可以通过ajax和Java Socket分别构造HTTP客户端,同时HTTP服务器也可以通过Java Socket来实现,而Tomcat就是基于Java实现的一个开源免费,也是被广泛使用的HTTP服务器.

2.Tomcat的安装

在Tomcat官网下载(Apache Tomcat® - Apache Tomcat 8 Software Downloads)Tomcat的安装包,为了搭配后面的servlet3.1使用,这里下载Tomcat8即可.

3.Tomcat的目录结构

  • bin:可执行的程序/脚本,启动Tomcat就在这里

  • conf:配置,用xml格式表示服务器的配置,比如改Tomcat绑定的端口号就需要改这里的内容

  • lib:Tomcat依赖的一些库

  • logs:日志,Tomcat运行的日志都在这里,如果程序出问题了,就需要通过日志来排查

  • webapps:每个webapp就是一个“网站”,一个Tomcat上可以部署多个网站,此处叫做“webapps”,这里就包含很多目录,每个目录都视为一个独立的网站,写的前端代码也是放到这个webapps里部署

4.Tomcat的启动

在bin目录中双击startup.bat即可启动Tomcat服务器:

出现这个提示代表启动成功!

启动失败的原因可能有:

  1. 需要把.bat这个程序拖到cmd中允许

  1. 没有配置环境变量(JAVA_HOME,JRE_HOME,CATALINA_HOME......)

二,Tomcat部署前端代码

Tomcat作为一个HTTP服务器,最大的用途就是把自己写好的网站给部署上去,所谓部署,就是把你的代码拷贝到webapps目录中就好了,拿我们之前写的博客系统的前端代码举例:

  1. 将blog项目拷贝到webapps目录中

  1. 通过网络来访问博客页面

注意:

  1. 因为Tomcat是基于Java的HTTP服务器,所以电脑上必须得安装JDK;

  1. 使用网络进行访问页面的时候必须启动Tomcat;

  1. 输入的URL(即端口号之后的路径名要正确).

  1. 通过网络可以跨主机访问,但是页面必须部署到云服务器上才可以(此时他人可以使用不同的设备输入URL进行访问该页面)

这篇博客只是简单的演示了Tomcat的安装和前端代码部署,HTTP服务器还需要针对HTTP协议进行一系列操作,而Tomcat把这些HTTP相关的底层操作封装好了,只需要调用Tomcat提供的api既可,也就是后面所需要学习的 ServletServlet的相关知识后续再说!

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
部署前端页面,首先需要在Tomcat服务器上创建一个Web应用程序。以下是部署前端页面的步骤: 1. 确保已经安装并配置好了Tomcat服务器。可以通过Tomcat的官方网站下载和安装Tomcat。 2. 在Tomcat的“webapps”目录下创建一个新的文件夹,用来存放前端页面的文件。可以为该文件夹取一个有意义的名称,比如“myapp”。 3. 将前端页面的相关文件(HTML、CSS、JavaScript、图像等)复制或移动到新创建的文件夹中。 4. 如果前端页面中使用到了其他第三方库或框架,需要将这些文件一并复制或移动到新创建的文件夹中。 5. 编辑Tomcat的配置文件,即“conf/server.xml”文件。找到其中的“<Host>”标签,并在该标签内部添加一个新的“<Context>”标签,设置“docBase”属性为刚才创建的文件夹的路径。例如:<Context docBase="/path/to/myapp" /> 6. 保存并关闭“server.xml”文件。 7. 启动Tomcat服务器。 8. 在Web浏览器中输入Tomcat服务器的URL,加上之前设置的应用程序名称。例如,如果Tomcat运行在本地的默认端口(8080),并且应用程序名称为“myapp”,则需要输入的URL为:http://localhost:8080/myapp 9. 现在应该可以看到部署前端页面在浏览器中显示出来了。 需要注意的是,前面的步骤是用于部署静态的前端页面。如果前端页面需要和后端进行交互,还需要进行其他配置和编码工作。详细步骤根据具体情况可能会有所不同。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值