Java Servlet JSP不包括CSS文件

时间:2015-05-12 17:33:43

标签: java html css jsp servlets

我正在使用Java servlet和JSP设计Web应用程序,并且在使JSP文件包含CSS文件时遇到了问题。调用的每个JSP页面都包含对页眉和页脚JSP文件的引用,头文件包含指向CSS的with链接。所有这些文件都在一个安全的资源文件夹中" proforma"在我的Web应用程序中。在尝试包含CSS之前,安全性和页眉/页脚包含工作正常,并继续这样做 - 它们只是没有按CSS格式化。

我在头文件中包含了CSS引用,如下所示:

header.jsp中

<%@page language="java" contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="${pageContext.request.contextPath}/proforma/cssGuide.css" type="text/css"/>
        <title>Pro Forma</title>
    </head>
    <body>
        <h1><a href="/ProForma/proforma/controlCenter.jsp">Pro Forma</a></h1>

当我使用如上所述的pageContext Expression Langugae($ {})时,加载的页面内容本身就是实际的CSS内容,而不是我要查找的实际内容。

但是,如果我使用以下JSP代码,我会获得正确的HTML内容,并且浏览器源代码检查显示正确加载,但没有CSS源代码:

备用header.jsp文件(ProForma是应用程序的名称):

<%@page language="java" contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="../ProForma/proforma/cssGuide.css" type="text/css"/>
        <title>Pro Forma</title>
    </head>
    <body>
        <h1><a href="/ProForma/proforma/controlCenter.jsp">Pro Forma</a></h1>

以下是我要格式化的示例内容页面:

<%@include file="../proforma/header.jsp" %>
<table>
    <tr>
        <td>
            ${createProjectResponse}
        </td>
    </tr>
    <tr>
        <td>
            <form action="/ProForma/downloadInput" method="post">
                <input type="submit" name="downloadInputButton" value="Download Input File" class="controlCenterButton"/>
            </form>
        </td>
    </tr>
    <tr>
        <td>
            <form action="/ProForma/AddProject" method="post">
                <input type="hidden" name="actionValue" value="addProject"/>
                <input type="submit" name="addPortfolioSubmit" value="Add Project" class="controlCenterButton"/>
            </form>
        </td>
    </tr>
    <tr>
        <td>
            <form action="/ProForma/SelectProjectController" method="post">
                <input type="hidden" name="actionValue" value="selectProject"/>
                <input type="submit" name="selectProjectSubmit" value="Select Project" class="controlCenterButton"/>
            </form>
        </td>
    </tr>
</table>
<%@include file="../proforma/footer.jsp" %>

这是CSS文件(此时非常简单,直到我开始工作):

input.controlCenterButton{
    width: 20em;
    height: 2em;
}

这是值得的,这是footer.jsp文件:

        <p id="footer_p">Company</p>
    </body>
</html>

我是否遗漏了阻止CSS文件被包含的内容?我感谢任何帮助。

0 个答案:

没有答案