0
我做了一個主題,我用我的web應用程序。 我在頁面上包含了CSS,js和其他資源。然而,頁面看起來好像沒有任何CSS或任何其他類型的資產。Css,js和其他文件可以訪問,但不適用於頁面
我的主模板:
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<link href="<c:url value="/resources/plugins/fullcalendar/fullcalendar.css"/>" rel="stylesheet" />
<link href="<c:url value="/resources/plugins/fullcalendar/fullcalendar.print.css"/>" rel="stylesheet" media="print" />
<!-- project css -->
<link href="<c:url value="/resources/css/style.css"/>" rel="stylesheet" media="print" />
<script src="<c:url value="/resources/lib/moment.min.js"/>"></script>
<script src="<c:url value="/resources/lib/jquery.min.js"/>"></script>
<script src="<c:url value="/resources/lib/jquery-ui.custom.min.js"/>"></script>
<script src="<c:url value="/resources/plugins/fullcalendar/fullcalendar.min.js"/>"></script>
</head>
<body>
<div id="wrapper">
<tiles:insertAttribute name="main"/>
<tiles:insertAttribute name="footer"/>
</div>
</body>
</html>
在主我插入這樣的:
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<div id="container-login" class="absolute-center">
<h2>Login</h2>
<c:if test="${not empty error}">
<div class="errorblock">
Your login attempt was not successful, try again.<br /> Caused :
${sessionScope["SPRING_SECURITY_LAST_EXCEPTION"].message}
</div>
</c:if>
<form action="<c:url value='j_spring_security_check' />" method='POST'>
<div class="form-group">
<label for="username">Username:</label>
<input type='text' name='j_username' value='' id="username"/>
</div>
<div class="form-group">
<label for="password">Password:</label>
<input type='password' name='j_password' value='' id="password"/>
</div>
<div class="form-group">
<div class="checkbox">
<label for="remember-me">Remember me</label>
<input type="checkbox" id="remember-me" name="remember-me"/>
</div>
</div>
<div class="form-group">
<input name="submit" type="submit" value="Log in" />
</div>
</form>
<script>
$(window).resize(function() {
$('.absolute-center').css({
position: 'absolute',
left: '50%',
top: '50%',
'margin-left': -$('#container-login').width()/2,
'margin-top': -$('#container-login').height()/1.2
});
});
// To initially run the function:
$(window).resize();
$('.field-validation-error, .alert').each(function() {
$(this).addClass('animated fadeInDown');
});
</script>
</div>
頁腳只是一些文字。
當我在Chrome瀏覽器中查看源代碼時,我可以點擊相應的文件。它不會給我一個404,我可以正確查看資源。
我使用彈簧3.2.3瓷磚
我的瓷磚配置:
<!DOCTYPE tiles-definitions PUBLIC
"-//Apache Software Foundation//DTD Tiles Configuration 3.0//EN"
"http://tiles.apache.org/dtds/tiles-config_3_0.dtd">
<tiles-definitions>
<definition name="base.plain" template="/WEB-INF/jsp/template/basePlain.jsp">
<put-attribute name="footer" value="/WEB-INF/jsp/template/footer.jsp"/>
</definition>
<definition name="base.main" extends="base.plain">
<put-attribute name="footer" value="/WEB-INF/jsp/template/footer.jsp"/>
<put-attribute name="main" value="/WEB-INF/jsp/template/base.jsp"/>
</definition>
<definition name="screen.login" extends="base.plain">
<put-attribute name="main" value="/WEB-INF/jsp/views/login.jsp" />
</definition>
<definition name="view.planning.viewPlanning" extends="base.main">
<put-attribute name="body" value="/WEB-INF/jsp/planning/viewPlanning.jsp"/>
</definition>
</tiles-definitions>
結果:
什麼是鏈接的標記?難道是因爲沒有經過驗證的會話(未登錄)可用而無法交付資產? –
我添加了一張我現在得到的結果圖片。 –
你的網頁開發工具在Chrome,Firefox或ie中說什麼?資產是否不僅被加載,而且還有有效的內容? –