`

js,css,image...资源访问

阅读更多

spring mvc 的<mvc;resources mapping="***" location="***">标签是在spring3.0.4出现的,主要是用来进行静态资源的访问。在spring3.0.4出来的时候spring还没有更新其schema所以在配置文件中有可能找不到<mvc:resources >标签,这个问题在spring3.0.5中已经解决,而且网上也有很多其他的解决方案,我在这里就不记录了。 

首先使用spring mvc需要配置其使用的servlet.在web.xml中: 

Java代码  收藏代码
  1. <servlet>    
  2.     <servlet-name>springMVC</servlet-name>    
  3.     <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>    
  4.     <load-on-startup>1</load-on-startup>    
  5.     </servlet>    
  6.     
  7.     <servlet-mapping>    
  8.         <servlet-name>springMVC</servlet-name>    
  9.         <url-pattern>/</url-pattern>    
  10.     </servlet-mapping>    



这里给 servlet-name定义的名称是springMVC,这样的话会在web-inf下spring会自动扫描一个XML文件名叫springMVC-servlet.xml文件,这里都是spring自动扫描的,如果你没有提供,将会报一个文件查找不到的异常。看了下org.springframework.web.servlet.DispatcherServlet加载这个文件的过程,貌似这个文件存放的地址也是可以进行设置的,具体怎么搞我还没有研究。 

由于spring mvc拦截了所有请求,所以当你设置 
引用 
<servlet-mapping> 
<servlet-name>springMVC</servlet-name> 
<url-pattern>/</url-pattern> 
</servlet-mapping> 

的时候会影响到静态资源文件的获取,这样就需要有这个标签来帮你分类完成获取静态资源的责任。 

springMVC-servlet.xml文件 

Java代码  收藏代码
  1. <?xml version="1.0" encoding="UTF-8"?>    
  2. <beans xmlns="http://www.springframework.org/schema/beans"      
  3.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"      
  4.     xmlns:mvc="http://www.springframework.org/schema/mvc"    
  5.     xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.0.xsd       
  6.     http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd">       
  7.     
  8.     <mvc:resources mapping="/javascript/**" location="/static_resources/javascript/"/>    
  9.     <mvc:resources mapping="/styles/**" location="/static_resources/css/"/>    
  10.     <mvc:resources mapping="/images/**" location="/static_resources/images/"/>    
  11.     <mvc:default-servlet-handler />    
  12.         
  13.         
  14.     <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">    
  15.         <property name="prefix" value="/WEB-INF/views/"/>    
  16.         <property name="suffix" value=".jsp"/>    
  17.     </bean>    
  18.     
  19. </beans>  


这里可以看到我所有的页面引用到/styles/**的资源都从/static_resources/css里面进行查找。 

页面的一段静态资源访问的代码。 

Java代码  收藏代码
  1. <%@ taglib prefix="c" uri="http://java.sun.com/jstl/core"%>    
  2. <HTML>    
  3. <HEAD>    
  4.   <TITLE> ABCDEFG </TITLE>    
  5. <link type="text/css" rel="stylesheet" href="<c:url value='/styles/siteboard.css'/>">    
  6. ...    
  7. ...    
  8. ...    



可能这个标签的真谛就是为了引用资源的访问不会类似CONTROLLER一样被拦截,区分出关注的资源的访问,一般我们在springMVC里面的拦截都会配置为"/",拦截所有的。 

转至:http://blog.csdn.net/marila4720/article/details/9203889

分享到:
评论

相关推荐

    CSS文档 CSS2.0.chm

    10. **CSS API**:在压缩包中的`CSS_API`可能包含关于如何在JavaScript中操作和修改CSS样式的API介绍,例如`getComputedStyle`,`style`对象和CSSOM(CSS Object Model)相关方法。 这个手册对于前端开发者来说是...

    IOS WKWebView无法打开本地资源js/css/image.rar

    IOS WKWebView无法打开本地资源JS/CSS/Image,解决跨域问题 本人亲自编写,可以加载本地网站,如cocos creator发布的网页直接在本地打开 能够正确加载js,css/image等

    html2image 0.9.jar 和 2.0.1.rar

    3. **权限问题**:如果需要从网络加载资源,确保你的应用有相应的网络访问权限。 4. **图片质量**:可以设置参数调整生成图片的质量和大小。 5. **自定义设置**:可能支持自定义浏览器窗口尺寸、背景颜色、字体等。 ...

    JavaScript 图片型不规则菜单的CSs实现.rar

    本资源"JavaScript 图片型不规则菜单的CSs实现.rar"提供了一个利用这两种技术实现图片型不规则菜单的示例。以下是这个实现的核心知识点: 1. **CSS3变换(Transform)**: CSS3的变换属性允许我们对元素进行旋转、...

    Drop-down-list-Image.rar_drop

    确保图片资源已经上传到服务器,并可正确访问,这是显示图片的关键。 总的来说,将图片与下拉列表结合可以提高交互性,但需要注意浏览器兼容性和性能优化。合理运用JavaScript、CSS和HTML5新特性,可以实现各种创新...

    html css js网页设计.docx

    - **压缩资源**: 使用Gzip压缩CSS和JavaScript文件。 - **懒加载**: 图片和视频按需加载。 - **缓存策略**: 设置HTTP缓存头以减少重复下载。 **7. 可访问性** - **ARIA属性**: 如`aria-label`、`aria-describedby`...

    靠右侧上下滚动可展开的快速联系方式CSS特效.

    3. **滚动监听(Scroll Event)**:CSS本身并不直接支持滚动事件监听,但可以通过JavaScript来实现。当页面滚动时,可以触发一个函数,该函数更新CSS样式以控制联系方式的展开和收起。 4. **CSS动画(CSS ...

    zoomImage插件

    在使用ZoomImage插件时,你可以访问该网站获取更多帮助和资源。 总的来说,ZoomImage插件是网页开发中增强图片展示效果的一个实用工具,通过简单的API调用和配置选项,可以轻松集成到项目中,为用户提供更优质的...

    淘淘商城单点登陆静态页面 css ,jsp ,js ,image

    3. JS(JavaScript):JavaScript是一种客户端脚本语言,常用于增强网页的交互性。在SSO上下文中,JS可以用于实现一些前端验证,如检查用户名和密码是否为空,或者实现异步登录(AJAX),在不刷新整个页面的情况下与...

    html2image网页转图片并下载,兼容ie

    - 由于IE浏览器的渲染引擎与现代浏览器(如Chrome、Firefox)不同,因此在处理CSS、JavaScript等方面可能存在差异。HTML2image必须处理这些差异,确保在IE上正确呈现网页。 - 兼容IE通常需要使用特定的库或技术,...

    css.zip_css 导航_图片 菜单 java

    同时,可能还使用了CSS的`image-orientation`、`object-fit`等属性来确保图片在不同尺寸屏幕上的显示效果。 “菜单”通常由一系列链接组成,用于引导用户访问网站的不同页面。在CSS中,我们可以使用伪类选择器(如`...

    科技企业动感模板html+css+js+image

    这个模板包含四个主要组成部分:HTML(超文本标记语言)、CSS(层叠样式表)、JS(JavaScript)和image(图像资源),这些元素共同构成了一个功能丰富、交互性强的网页。 HTML是网页内容的基础,它定义了网页的结构...

    css3-blind-image-player.zip

    【描述】:这个压缩包“css3-blind-image-player.zip”可能包含一个使用CSS3技术实现的盲文图像播放器的源代码或相关资源。盲文图像播放器是一种创新的工具,旨在帮助视障人士理解图形和图像信息。它通常通过将图像...

    Html_Js_cssWeb基础教程.pdf

    - **URL介绍**:解释URL(统一资源定位符)的组成部分及其作用,帮助理解如何通过URL访问网络资源。 - **HTML介绍**:概述HTML的基本概念,如标记语言、文档结构等,并说明HTML在Web开发中的重要性。 #### 第二讲 ...

    css-handbook_handbook_css_

    CSS模块化方法如CSS Modules和CSS-in-JS将样式封装在组件内,减少样式冲突。CSS构建工具如Webpack、Gulp、PostCSS则用于自动化处理CSS,实现模块化、自动化编译和优化。 ### 总结 “css-handbook”很可能详细涵盖...

    Javascript开发之js压缩篇.docx

    ### JavaScript开发之JS压缩技术详解 #### 一、引言 在JavaScript开发过程中,随着项目的不断扩展和功能的增加,JavaScript文件的数量与体积往往会变得非常庞大。这不仅增加了页面加载的时间,也消耗了大量的网络...

    web基础_html_js_css

    ### Web基础_HTML_JS_CSS #### 一、HTML简介 HTML,全称为HyperText Markup Language(超文本标记语言),是由Tim Berners-Lee提出的用于描述Web文档的一种标准标记语言。其核心功能在于通过特定的标签来定义文档...

    uires_base,font,css,html.ect

    - **uireas.idx**:这可能是UI资源的索引文件,用于快速定位和访问资源。 - **uidef**:这个可能是用户界面的定义文件,包含了界面布局和组件的定义。 - **languages**:通常包含不同语言的翻译文件,用于本地化应用...

    chunk.js:在您的网页中下载大量网络资源

    块.js Chunk.js 是一个 javascript 库,它允许您为您的网页分部分下载任何资源。用法并行下载图像数据通过并行打开 3 个连接下载路径 /data/4.jpg 中的图像。 image = new Chunk("/data/4.jpg", 3, each_chunk_...

    JS异步加载图片

    在JavaScript(JS)中,异步加载图片是一种优化网页性能的技术。它允许浏览器在不影响页面主要功能的情况下,按需或后台加载非关键资源,如图片。这样可以减少页面初次加载的时间,提高用户体验,特别是对于含有大量...

Global site tag (gtag.js) - Google Analytics