SpringMvc tile如何添加css文件

时间:2015-07-17 11:08:22

标签: java css spring jsp spring-mvc

在我的项目中,我使用带有瓷砖的SpringMVC ..

在这里,我有

src--
     |--main
     |--resource----|--css--style.css
     |--webapp--|--WEB-INF----|jsp--here I have jsp files
                |--index.jsp

我想将 style.css 添加到 /webapp/WEB-INF/jsp/layout.jsp 文件中的jsp文件中。

我试过以下: -

    <?xml  version="1.0" encoding="utf-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:aop="http://www.springframework.org/schema/aop"
        xmlns:context="http://www.springframework.org/schema/context"
        xmlns:jee="http://www.springframework.org/schema/jee" xmlns:lang="http://www.springframework.org/schema/lang"
        xmlns:mvc="http://www.springframework.org/schema/mvc" xmlns:p="http://www.springframework.org/schema/p"
        xmlns:tx="http://www.springframework.org/schema/tx" xmlns:util="http://www.springframework.org/schema/util"
        xsi:schemaLocation="http://www.springframework.org/schema/beans
                            http://www.springframework.org/schema/beans/spring-beans-4.1.xsd
                            http://www.springframework.org/schema/aop
                            http://www.springframework.org/schema/aop/spring-aop-4.1.xsd
                            http://www.springframework.org/schema/context
                            http://www.springframework.org/schema/context/spring-context-4.1.xsd
                            http://www.springframework.org/schema/jee
                            http://www.springframework.org/schema/jee/spring-jee-4.1.xsd
                            http://www.springframework.org/schema/lang
                            http://www.springframework.org/schema/lang/spring-lang-4.1.xsd
                            http://www.springframework.org/schema/mvc
                            http://www.springframework.org/schema/mvc/spring-mvc-4.1.xsd
                            http://www.springframework.org/schema/tx
                            http://www.springframework.org/schema/tx/spring-tx-4.1.xsd
                            http://www.springframework.org/schema/util
                            http://www.springframework.org/schema/util/spring-util-4.1.xsd">

        <context:annotation-config />
        <mvc:annotation-driven />
        <mvc:default-servlet-handler />

        <context:component-scan base-package="com.my.news" />
        <mvc:resources mapping="/resources/**"  location="/resources/" />


        <bean id="viewResolver"
            class="org.springframework.web.servlet.view.UrlBasedViewResolver">
            <property name="viewClass">
                <value>
                    org.springframework.web.servlet.view.tiles2.TilesView
                </value>
            </property>
        </bean>
        <bean id="tilesConfigurer"
            class="org.springframework.web.servlet.view.tiles2.TilesConfigurer">
            <property name="definitions">
                <list>
                    <value>/WEB-INF/tiles.xml</value>
                </list>
            </property>

        in my **layout.jsp**    I edited like 
     <link rel="stylesheet" href="<c:url value="WEB-INF/css/style.css" />" /> --%>

<!-- <link rel="stylesheet" type="text/css" href="resources/css/style.css">

        </bean>
</beans>

在我的 layout.jsp 中..我将文件包含为: -

<link rel="stylesheet" type="text/css" href="resources/css/style.css">

但我没有得到 style.css 样式..为什么?????请建议我..我已经尝试了很多来自谷歌..但没有执行.. enter image description here

我正在 layout.jsp

<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

 <spring:url value="/resources/css/style.css" var="styleCss"/>    
<link rel="stylesheet" type="text/css" href="${styleCss}"> 





<title><tiles:insertAttribute name="title" ignore="true" /></title>
</head>
<body>
<table border="1" cellpadding="2" cellspacing="2" align="center">
    <tr>
        <td height="30" colspan="2"><tiles:insertAttribute name="header" />
        </td>
    </tr>
    <tr>
        <td height="250"><tiles:insertAttribute name="menu" /></td>
        <td width="350"><tiles:insertAttribute name="body" /></td>
    </tr>
    <tr>
        <td height="30" colspan="2"><tiles:insertAttribute name="footer" />
        </td>
    </tr>
</table>
</body>
</html>

此视图..但 style.css 在此处无效... 这是 style.css

 body {
        background:#f9ebae;
        font-family: Verdana, sans-serif;
        font-size:11px;
        line-height:14px;
        color:#5e5e5e;
    }

我想要的: - enter image description here

enter image description here得到了什么; -

0 个答案:

没有答案