在spring中放置和使用css和js文件

时间:2014-10-24 05:45:57

标签: java html css spring spring-mvc

我是spring mvc的新手我根据教程中的教程开发了所有基本的东西,但它没有解释如何链接css文件或js文件。我在stackoverflow中经历过有关此问题的其他问题,但我无法解决我的问题。首先,我将从下面给出的错误开始。

GET http://localhost:8082/Springtest/resources/css/bootstrap.css  

我的 web.xml 如下所示。

<?xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_ID" version="2.4" 
     xmlns="http://java.sun.com/xml/ns/j2ee" 
     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
     xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> 
<display-name>Spring MVC Application</display-name> 
<servlet> 
    <servlet-name>Springtest</servlet-name> 
    <servlet-class> org.springframework.web.servlet.DispatcherServlet </servlet-class> 
    <load-on-startup>1</load-on-startup> 
</servlet> 
 <servlet-mapping> 
    <servlet-name>Springtest</servlet-name> 
    <url-pattern>/</url-pattern> 
</servlet-mapping>
<session-config>
    <session-timeout>
        30
    </session-timeout>
</session-config>
<welcome-file-list>
    <welcome-file>redirect.jsp</welcome-file>
</welcome-file-list>
</web-app>

的applicationContext.xml

<?xml version='1.0' encoding='UTF-8' ?>
<!-- was: <?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:p="http://www.springframework.org/schema/p"
   xmlns:aop="http://www.springframework.org/schema/aop"
   xmlns:tx="http://www.springframework.org/schema/tx"
   xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
   http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.0.xsd
   http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.0.xsd">

<context:component-scan base-package="Student" /> 
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> 
    <property name="prefix" value="/WEB-INF/jsp/" /> 
    <property name="suffix" value=".jsp" /> 
</bean>
<resources mapping="/resources/**" location="/resources/" /> 
</beans>

Springtest-servlet.xml中

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans" xmlns:context="http://www.springframework.org/schema/context" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation=" http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.0.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.0.xsd"> 
<context:component-scan base-package="Student" /> 
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> 
    <property name="prefix" value="/WEB-INF/jsp/" /> 
    <property name="suffix" value=".jsp" /> 
</bean>
</beans>

我使用下面的语句链接到我的CSS

<link href="${pageContext.request.contextPath}/resources/css/bootstrap.css" rel="stylesheet"  type="text/css" />

使用的文件结构的图像如下。

File Structure of my project

我已经标记了包含我的css文件的位置,我没有使用过maven或pom.xml。请告诉我这里的错误是什么。我也不知道在spring-mvc项目中使用maven和pom.xml,所以对它的教程也会有所帮助。

2 个答案:

答案 0 :(得分:0)

我在Spring MVC中使用TheamLeaf而不是Jsp,&amp;我在使用这个CSS文件之前在每个页面中添加了这一行

<link rel="stylesheet" th:href="@{/frontend/css/myStyle.css}" />

与我自己的自定义JavaScript文件类似的情况

<script th:src="@{/custom/js/myFile.js}" type="text/javascript"></script>
你会试试吗?我的意思是你在Jsp页面中有这些链接吗?

答案 1 :(得分:0)

我认为资源标签应该是

<mvc:resources mapping="/resources/**" location="/resources/" /> 

或者你应该声明它

 <beans xmlns="http://www.springframework.org/schema/beans"
   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   xmlns:p="http://www.springframework.org/schema/p"
   xmlns:aop="http://www.springframework.org/schema/aop"
   xmlns:tx="http://www.springframework.org/schema/tx"
   xmlns:mvc="http://www.springframework.org/schema/mvc"
   xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
   http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.0.xsd
   http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.0.xsd
   http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd">