springmvc引入js,css等静态文件路径问题!!!

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了springmvc引入js,css等静态文件路径问题!!!相关的知识,希望对你有一定的参考价值。

我自己在网上查了有三种方法:第一种方法总是提示找不到js,css文件;第二种方法我之前用的挺好,但是新建了一个工程之后,浏览器上总是提示 $ is not defined(图片上的写错了);第三种方法是在网上看的具体路径不知道怎么写,jsp文件的引用路径也不知道怎么写.请哪位大神指导一下具体路径怎么写,希望能给出具体的代码,我把项目的结构也贴出来了,求具体代码 ,拜谢各位大神!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!求三种方法的具体代码!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

引用css的
<link rel="stylesheet" href="$ctx/resources/css/data-list-cd.css" />
<link rel="stylesheet" href="$ctx/resources/css/base-less-cd.css" />
引用js的
<script type="text/javascript" src="$ctx/resources/js/config.js"></script>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=30491"></script>
第一种是你引用的路径下面没有css和js文件,要不就是路径写错了
第二种是你定义的方法可能错了
第三种引用外部的文件你看下,有的需要key和版本追问

第二种是一个同事告诉我的,开始我练习的项目中使用的时候没问题,我又新建了一个工程,把之前的那些原版的写上去就不行了,是哪个地方不能一样吗?麻烦你具体写一下,那个地方不同项目的要写不一样的?

追答

这个我没看你项目的,我怎么知道哪里错了,你引用JQ了吗$没定义

参考技术A 可以把静态文件移到WEB-INF外面,放在webapp或web下面。

在JSP中常见问题,防止SpringMVC拦截器拦截js等静态资源文件的解决方案

方案一、拦截器中增加针对静态资源不进行过滤(涉及spring-mvc.xml)

<mvc:resources location="/" mapping="/**/*.js"/>  
<mvc:resources location="/" mapping="/**/*.css"/>  
<mvc:resources location="/assets/" mapping="/assets/**/*"/>  
<mvc:resources location="/images/" mapping="/images/*" cache-period="360000"/>

<mvc:interceptors>
    <mvc:interceptor>
        <mvc:mapping path="/**/*"/>
        <mvc:exclude-mapping path="/**/fonts/*"/>
        <mvc:exclude-mapping path="/**/*.css"/>
        <mvc:exclude-mapping path="/**/*.js"/>
        <mvc:exclude-mapping path="/**/*.png"/>
        <mvc:exclude-mapping path="/**/*.gif"/>
        <mvc:exclude-mapping path="/**/*.jpg"/>
        <mvc:exclude-mapping path="/**/*.jpeg"/>
        <mvc:exclude-mapping path="/**/*login*"/>
        <mvc:exclude-mapping path="/**/*Login*"/>
        <bean class="com.luwei.console.mg.interceptor.VisitInterceptor"></bean>
    </mvc:interceptor>
</mvc:interceptors>

  

方案二、使用默认的静态资源处理Servlet处理静态资源(涉及spring-mvc.xml, web.xml)

在spring-mvc.xml中启用默认Servlet

1 <mvc:default-servlet-handler/>

  在web.xml中增加对静态资源的处理

<servlet-mapping>    
    <servlet-name>default</servlet-name>    
    <url-pattern>*.js</url-pattern>    
    <url-pattern>*.css</url-pattern>    
    <url-pattern>/assets/*"</url-pattern>    
    <url-pattern>/images/*</url-pattern>    
</servlet-mapping>

  * 但是当前的设置必须在Spring的Dispatcher的前面

方案三、修改Spring的全局拦截设置为*.do的拦截(涉及web.xml)

<servlet>
    <servlet-name>SpringMVC</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <init-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>classpath:spring-mvc.xml</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
    <async-supported>true</async-supported>
</servlet>
<servlet-mapping>
    <servlet-name>SpringMVC</servlet-name>
    <url-pattern>*.action</url-pattern>
</servlet-mapping>

  

这样设置,Spring就会只针对以‘.do‘结尾的请求进行处理,不再维护静态资源

 

针对这三种方案的优劣分析:

  第一种方案配置比较臃肿,多个拦截器时增加文件行数,不推荐使用;

  第二种方案使用默认的Servlet进行资源文件的访问,Spring拦截所有请求,然后再将资源文件交由默认的Sevlet进行处理,性能上少有损耗;

  第三种方案Spring只是处理以‘.action‘结尾的访问,性能上更加高效,但是再访问路径上必须都以‘.action‘结尾,URL不太文雅;

综上所述,推荐使用第二和第三种方案

 在SpringMVC3.0之后推荐使用: 

<mvc:resources location="/WEB-INF/html/" mapping="/**/*.html"/>
<mvc:resources location="/WEB-INF/html/" mapping="/**/*.ico"/>
<mvc:resources location="/WEB-INF/html/" mapping="/**/*.js"/>
<mvc:resources location="/WEB-INF/html/" mapping="/**/*.css"/>
<mvc:resources location="/WEB-INF/html/" mapping="/**/*.png"/>
<mvc:resources location="/WEB-INF/html/" mapping="/**/*.gif"/>
<mvc:resources location="/WEB-INF/html/" mapping="/**/*.jpg"/>
<mvc:resources location="/WEB-INF/html/" mapping="/**/*.ttf"/>
<mvc:resources location="/WEB-INF/html/" mapping="/**/*.woff"/>
<mvc:resources location="/WEB-INF/html/" mapping="/**/*.woff2"/>

  

以上是关于springmvc引入js,css等静态文件路径问题!!!的主要内容,如果未能解决你的问题,请参考以下文章

jsp怎么在jsp文件中引入静态文件(.js .css)

5)关于CSS和js静态文件引入路径

Spring MVC程序中怎么得到静态资源文件css,js,图片文件的路径问题

jsp页面的调用静态资源(如img,css,js)等资源时路径的写法

Django之CSS,JS静态文件的配置

关于springMVC中静态文件路径问题