学习总结：springMVC静态资源导入——bootstrap导入及其注意事项

最新推荐文章于 2021-12-10 14:45:37 发布

原创最新推荐文章于 2021-12-10 14:45:37 发布 · 390 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了在SpringMVC框架中配置静态资源的两种常见方法，包括直接指定资源位置及使用默认Servlet处理器的方式，并提供了具体示例代码。

首先，如果项目中使用的是SpringMVC框架，那么肯定需要解决的一个问题就是静态资源的导入问题，其中包括一些常用的js\css\图片等。

话不多说，直接进入主题

导入静态资源有很多方法，这里介绍两种最常用的方式，当然前提是你的spring是3.0以上，一下操作都是在springmvc-servlet.xml中

方法一：

<!--  静态资源(js/image/css)的访问 -->
	
	<span style="white-space:pre">	</span><mvc:resources location="/js/" mapping="/js/**"/>
	<span style="white-space:pre">	</span>
	<span style="white-space:pre">	</span><mvc:resources location="/css/" mapping="/css/**"/>
	
	<span style="white-space:pre">	</span><mvc:resources location="/img/" mapping="/img/**"/>

方法二（3.0以上，亲测可用）：

        <span style="white-space:pre">	</span><span style="font-family: 'Courier New'; white-space: pre-wrap; color: rgb(0, 0, 255); line-height: 1.5 !important;"><</span><span style="font-family: 'Courier New'; white-space: pre-wrap; color: rgb(128, 0, 0); line-height: 1.5 !important;">mvc:default-servlet-handler</span><span style="font-family: 'Courier New'; white-space: pre-wrap; color: rgb(0, 0, 255); line-height: 1.5 !important;">/></span>

除此之外，如果你是使用的bootstrap进行前端的开发，又在web.xml中定义了一个首页，那么你就得小心了

          <span style="white-space:pre">	</span><welcome-file-list>
          <span style="white-space:pre">	</span><welcome-file>login.jsp</welcome-file>
         <span style="white-space:pre">	</span></welcome-file-list>

在login.jsp里面使用，没有问题，页面可以访问到静态资源，bootstrap格式也没问题

  <span style="white-space:pre">		</span><script src="js/jquery/2.0.0/jquery.min.js"></script>
<span style="white-space:pre">		</span><link href="css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<span style="white-space:pre">		</span><script src="js/bootstrap/3.3.6/bootstrap.min.js"></script>

但在经过@contrller映射访问的jsp页面里面如果进行相同的路径设置的话，在访问的时候通过浏览器F12查看，就会发现加载不到的情况，下图重现一下错误:

这个时候就可以发现，其实是springmvc自动生成了一个user路径，搞不懂为啥，但可以确定是路径的问题，遂改之：

<span style="white-space:pre">		</span><script src="../js/jquery/2.0.0/jquery.min.js"></script>
<span style="white-space:pre">		</span><link href="../css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<span style="white-space:pre">		</span><script src="../js/bootstrap/3.3.6/bootstrap.min.js"></script>