2014-05-06 63 views
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> 

結果: Result

+0

什麼是鏈接的標記?難道是因爲沒有經過驗證的會話(未登錄)可用而無法交付資產? –

+0

我添加了一張我現在得到的結果圖片。 –

+0

你的網頁開發工具在Chrome,Firefox或ie中說什麼?資產是否不僅被加載,而且還有有效的內容? –

回答

0

通過使用media="print" 這個原因,請參閱您的style.css顯示問題。 也解釋了爲什麼chrome將它顯示爲合法來源。

相關問題