Tomcat部署(基于IDEA)

在这里插入图片描述在这里插入图片描述
在这里插入图片描述这个web里面就是放网页,图片资源等等

点开web,有个WEB-INF文件夹,在WEB-INF下创建一个classes 和 lib用来存放tomcat的jar包 ,再
点击右上角图标配置tomcat路径 (ctrl + shift + alt + s),将箭头指的两个path均配置为刚才创建classes的文件夹。
在这里插入图片描述

之后进行Tomcat的配置
在这里插入图片描述
添加Tomcat
在这里插入图片描述

在Name出输入新的服务器名,点击 “Application Server” 后面的 “Configure…”,弹出Application Servers窗口,在Tomcat Home 选择本地安装的tomcat目录 -> OK

“HTTP port”和“JMX port”设置为默认值即可。
最后点击apply即可。

选择刚创建的Tomcat,点击Deployment ,再点击右边的“ + ”号 ,选择 Artifact。
在这里插入图片描述
这个地方可以写项目的名称,或者不写(只填一个 / )
在这里插入图片描述

在这里插入图片描述
控制台乱码的解决方法:VM options 设置为 -Dfile.encoding=UTF-8

测试一下吧
jsp文件建立在web目录下
index.jsp

<%--
  Created by IntelliJ IDEA.
  User: 10849
  Date: 2019/10/29
  Time: 16:11
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>ShopingMall-正品低价、品质保障</title>
    <link href="images/Title_Log.jpg" rel="shortcut icon" type="image/x-icon">
</head>
<body>
这是我的第一个Tomcat部署


</body>
</html>

在这里插入图片描述
路径应该是 http://localhost:8080/
为什么我的在8080/后还有一个ShopingMall,是因为我在如下的地方是这么写的。在这个地方只写/的就只要用http://localhost:8080/这个路径即可打开。
在这里插入图片描述

遇到的bug

①图片无法显示

这是因为图片文件并没有加载到Tomcat上。
假设图片存在images文件夹下在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

于是图片的路径就可以为images/Title_Log.jpg

假如还没有解决,那就是没有“放行”,导致资源被拦截。
点开web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <servlet-mapping>
        <servlet-name>default</servlet-name>
        <url-pattern>*.jpg</url-pattern>
    </servlet-mapping>

</web-app>

*.jpg是对 jpg 文件格式的放行。以此类推,哪类资源加载不进来,就这么放行。
servlet-name依旧是 default。

②png图片格式还是不放行

直接改jpg吧 。。。。。 O(∩_∩)O~
以后要是有解决办法再来分享下。。
如果有解决办法的,评论区分享下~

资源

只有Tomcat
Tomcat下载链接

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值