对静态资源(css/js/image)的请求
如在web.xml中像如下配置,则表明DispatcherServlet将处理所有的请求,包括image/css/js等。
<servlet-mapping>
<servlet-name>ssmBank</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
<servlet-name>ssmBank</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
所以需要在spirng配置文件中配置
<mvc:resources/>
<!-- 建立一个服务于静态资源的处理器,
将location的路径 替换为mapping的路径(mapping属性为ant风格)-->
<mvc:resources mapping="css/**" location="/static/css/" />
<mvc:resources mapping="js/**" location="/static/js/My97DatePicker/" />
在jsp页面中引入
这里还需要注意绝对路径与相对路径的问题
绝对路径:
路径的写法,由根目录 / 写起,例如: /usr/share/doc 这个目录。
相对路径:
路径的写法,不是由 / 写起,例如由 /usr/share/doc 要到 /usr/share/man 底下时,可以写成: cd ../man 这就是相对路径的写法。
路径的写法,由根目录 / 写起,例如: /usr/share/doc 这个目录。
相对路径:
路径的写法,不是由 / 写起,例如由 /usr/share/doc 要到 /usr/share/man 底下时,可以写成: cd ../man 这就是相对路径的写法。
若工程结构如下图:index.jsp与css文件在同级的情况下
在index.jsp文件中引入css相关文件,index.jsp与css文件夹在同级时,如下这样写是没问题的
<
script type="text/javascript" src="
<
c:url value='/js/WdatePicker.js'
/>
"
></
script
>
<link href="<c:url value='/css/bootstrap.css' />" rel="stylesheet"></link>
<link href="<c:url value='/css/app.css' />" rel="stylesheet"></link>
但系!jsp文件与css文件夹不在同级(同一根目录时)问题就出现了,原因是jsp文件会默认在当前路径下找
<link href
=
"<c:url value
=
'/css/app.css' />" rel
=
"stylesheet"></link> value对应的css文件,即:若jsp的路径为:/views/index.jsp
则会指向/views/css/app.css 这个路径的css文件。这就找不到了啊。
解决的办法是:从工程目录路径开始,明确指明路径,即这样<link href="<c:url value='{/工程名}/css/app.css' />" rel="stylesheet"></link>
对应的目录: