解决SSM项目下静态资源(img、js、css)无法引用的问题

先看一下资源目录结构

建立一个与WEB-INF同级别的resources文件,里面存放css、js、img资源文件。

1、web.xml配置

web.xml中找到以下配置项

<servlet-mapping>
    <servlet-name>SpringMVC</servlet-name>
	<!-- 此处可以可以配置成*.do,对应struts的后缀习惯 -->
	<url-pattern>/</url-pattern>
</servlet-mapping>

在它下面继续配置以下内容

<!-- 静态资源 -->
<servlet-mapping>
	<servlet-name>default</servlet-name>
	<url-pattern>*.css</url-pattern>
	<url-pattern>*.js</url-pattern>
	<url-pattern>*.gif</url-pattern>
	<url-pattern>*.png</url-pattern>
	<url-pattern>*.jpg</url-pattern>
</servlet-mapping>

2、spring-mvc.xml配置

spring-mvc.xml<beans>标签内添加以下配置

 <!-- 引入静态资源 -->
 <mvc:annotation-driven />
 <mvc:resources mapping="/css/**" location="/resouces/css/**" />
 <mvc:resources mapping="/img/**" location="/resouces/img/**" />
 <mvc:resources mapping="/js/**" location="/resouces/js/**" />

3、页面中引用

前面添加${pageContext.request.contextPath}

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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章