JSP 不打开 CSS、图像和 JS

Posted

技术标签:

【中文标题】JSP 不打开 CSS、图像和 JS【英文标题】：JSP doesn't open CSS, Images and JS 【发布时间】：2016-06-14 02:29:08 【问题描述】：

我正在尝试将 CSS、JS 和 IMG 放在我的 JSP 上，但不起作用，这很奇怪，因为我使用了 c:url 和 JSTL 核心。

我正在使用 JSP、JSTL 和 Servlet，没有框架。

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<html>    
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>clientes atuantes</title>
        <link rel="stylesheet" href="<c:url value="/bootstrap/css/bootstrap.min.css"/>">
        <link rel="stylesheet" href="<c:url value="/css/layout.css"/>">
        <script type="text/javascript" src="<c:url value="/bootstrap/js/jquery-1.12.0.js" />"></script>
        <script type="text/javascript" src="<c:url value="/bootstrap/js/bootstrap.min.js" />"></script>
    </head>
    <body>

        <main>
            <div class="col-md-12">
                <div class="panel panel-default espacamentoExterno5">

                    <div class="panel-body">
                        <p><img src="<c:url value="/img/ativo.gif"/>" /> ativo</p>
                        <p><img src="<c:url value="/img/congelado.gif"/>" /> congelado</p>
                        <p><img src="<c:url value="/img/cancelado.gif"/>" /> cancelado</p>

                    </div>
                </div>
            </div>
        </main>
    </body>
</html>

web.xml:

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
         xmlns:web="http://java.sun.com/xml/ns/javaee" 
         xmlns="http://java.sun.com/xml/ns/javaee" 
         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" version="3.0">
    
  <display-name>PainelProduct</display-name>
  

</web-app>

【问题讨论】：

您是否正在逐步解决任何错误？如果是，请在此处发布。 显示代码的输出。 任何错误，只是找不到图片、css、js 正确检查，是否在类路径上提供了正确的 jar(jstl)？ 我可以知道你的 img 目录位置到项目结构...？ 【参考方案1】：

在 href 值中使用时，您没有转义 "，而是使用 '

【讨论】：

此注释可能有助于解决 Eclipse 编辑器中的红色标记，但不能解决 OP 的问题。【参考方案2】：

url 模式"/" 对网络服务器有特殊的意义。它用于能够提供静态内容的默认 servlet 映射。静态内容是JS、CSS、图片、html资源。将这些文件定向到您的 servlet 是错误的，因为它不能提供静态内容。

将 servlet 映射更改为 @WebServlet(urlPatterns="/incidente")

并使用urllocalhost:8080/PainelProduct/incidente转发到jsp页面。

查看此问题以了解有关 servlet 和 servlet 映射Mapping a specific servlet to be the default servlet in Tomcat 的更多信息。

【讨论】：

我可以多做一个问题吗？我怎样才能把“/incidente”放在首页一样？ 让这个页面转发到这个“/incedente”，当你转发的时候url保持不变。【参考方案3】：

我也遇到过同样的问题，很久没有解决。然后我意识到这是图像路径的问题。

走错路是这样的；

src>main>资源>图片

文件（路径）的顺序一定要如下。

src>main>webapp>资源>图片

你应该这样调用函数；

<img src="<c:url value="/resources/img/logo.png"/>" />

【讨论】：

以上是关于JSP 不打开 CSS、图像和 JS的主要内容，如果未能解决你的问题，请参考以下文章

配置Eclipse编写HTML/JS/CSS/JSP页面的自动提示。

Eclipse下支持编写HTML/JS/CSS/JSP页面的自动提示

配置Eclipse编写HTML/JS/CSS/JSP页面的自动提示

配置Eclipse编写HTML/JS/CSS/JSP页面的自动提示

配置Eclipse编写HTML/JS/CSS/JSP页面的自动提示。

JSP页面onclick事件失效