我正在使用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文件被包含的内容?我感谢任何帮助。