当前位置:   article > 正文

tomcat的使用教程_tomcat教程

tomcat教程

静态发布网站

tomcat的使用

在官网下载tomcat安装包之后,解压。
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
双击startup.bat文件,开启tomcat.(注意这里可能会出现闪退的情况,可能是我们之前配置换系统环境变量,只需要在配置环境变量里将之前的配置删除掉即可)
在这里插入图片描述
这时我们打开浏览器,输入localhost:8080/ 可打开tomcat官网,说明tomcat配置成功。
在这里插入图片描述

将前端html网页发布到本地浏览器

在webapps文件夹中创建一个文件夹,这里创建一个gouwuche的文件夹。
在这里插入图片描述
然后将购物车前端页面html网页复制到gouwuche文件夹中。
在这里插入图片描述
这时我们在我们的本机浏览器中输入localhost:8080/gouwuche/gouwuche.html 即可在浏览器上运行我们的前端网页。
在这里插入图片描述
其他小伙伴也可以通过你的端口号http://XXX.XXX.XXX.XXX:8080/gouwuche/gouwuche.html进行访问。(emmmm…这里我的访问不了!!!!! )
在这里插入图片描述
然后,我们双击shutdown.bat文件,关闭tomcat.

tomcat乱码的解决

乱码情况:
在这里插入图片描述
右键单击文件,选择打开方式,用EditPlus编译器软件,打开conf文件夹下的logging.properties.
在这里插入图片描述
打开如下:
在这里插入图片描述
(window系统下,编码修改为GBK)
我们将编码方式修改为GBK(注意:记得保存),重新打开tomcat。可以看到汉字正常显示。
在这里插入图片描述
在这里插入图片描述

修改端口号

找到conf文件夹找到server.xml文件,用EditPlus编译器软件打开,找到连接器Connector及对应的端口号。
在这里插入图片描述
将端口号改成8088。
在这里插入图片描述
重新打开tomcat,看细节。
在这里插入图片描述
用浏览器访问原本地8080端口号以及现在修改过之后的端口号8088,看访问结果。
在这里插入图片描述
在这里插入图片描述

虚拟目录的配置

虚拟目录:解决了处于不同盘/文件夹下的tomcat和(要被呈现在浏览器上的)项目/文件之间的访问问题。
找到conf文件夹找到server.xml文件,用EditPlus编译器软件打开,找到节点Valve,并在Valve节点外添加<Context docBase="d:/yzh7/" path="hahaha" reloadable="true"/>。(valve:管道)
在这里插入图片描述
通过访问 hahaha 来间接访问D盘下的yzh7文件夹( d:/yzh7/ )。
在这里插入图片描述

不能直接访问localhost:8088/yzh7/gouwuche.html来访问D盘下的yzh7文件夹( d:/yzh7/ ),因为需要配置在webapps文件夹下,才可直接展示在浏览器中。
在这里插入图片描述
将yzh7文件夹及gouwuche.html文件配置在webapps文件夹下,才可直接展示在浏览器中。
在这里插入图片描述
在这里插入图片描述

可以访问虚拟路径hahaha 来访问D盘下的yzh7文件夹( d:/yzh7/ )。具体需要访问localhost:8088/hahaha/gouwuche.html
在这里插入图片描述

端口号被占用(待完善)

在这里插入图片描述

将端口号及虚拟目录还原(建议)

将修改的端口号及虚拟目录还原成原始的状态:(怕后期忘记端口号)
在这里插入图片描述
在这里插入图片描述
注意:每次修改完成之后,记得ctrl+s保存!!!

用idea动态发布网站

创建建java项目

在这里插入图片描述

参考:

【学习笔记】 IDEA 社区版配置JavaWeb环境

导入Tomcat中的servlet-api.jar包

在这里插入图片描述
使用IDEA导入servlet-api.jar(该路径在我们下载的Tomcat的文件夹lib中)。
在这里插入图片描述
选中servlet-api.jar,点击ok。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

Smart Tomcat插件的配置

Smart Tomcat插件的下载

首先我们在IDEA——Seting——Plugins ——Smart Tomcat下载该插件:
在这里插入图片描述

Smart Tomcat插件的配置

下载完毕后我们打开之前创建的Java程序,在右上边找到Smart Tomcat。
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

编写html文件进行验证。

在这里插入图片描述
如果能访问该网页,则表示配置成功!!!
在这里插入图片描述

// A code block
var foo = 'bar';
  • 1
  • 2
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/650240
推荐阅读
相关标签
  

闽ICP备14008679号