ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
静态资源:就是网页上用到的图片、CSS文件、js文件等资源。 <br/> 访问静态资源的配置步骤如下: **1. 将静态资源放在`statics`目录下** 比如我这里放`logo.png`、` bootstrap.min.css`、`jquery.min.js`文件。 ``` |—— 项目名 | |—— src | | |—— main | | | |—— webapp | | | | |—— statics | | | | | |—— css | | | | | | |—— bootstrap.min.css | | | | | |—— img | | | | | | |—— logo.png | | | | | |—— js | | | | | | |—— jquery.min.js ``` **2. 在`resources/springmvc-servlet.xml`配置文件中配置静态资源映射** ```xml <!-- mapping:将静态资源映射到指定的路径下 location: 本地静态资源文件的目录,/webapp/statics,则赋值为 /statics --> <mvc:resources mapping="/statics/**" location="/statics/" /> ``` **3. 在视图层就可以访问到静态资源** ```html <head> <!-- 引用方式1:调用 pageContext.request.contextPath --> <!-- pageContext.request.contextPath 是固定写法,它可以获取网站的根目录,pageContext是JSP的9大内置对象之一 --> <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/bootstrap.min.css" /> <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/statics/js/jquery.min.js" /> <!-- 引用方式2:以相对路径的方式找到静态资源位置 --> <!-- webapp/veiws/WEB-INFO/views/student.jsp,webapp/statics/css/bootstrap.min.css --> <link type="text/css" rel="stylesheet" href="../../statics/css/bootstrap.min.css" /> <link type="text/css" rel="stylesheet" href="../../statics/js/jquery.min.js" /> </head> <body> <img src="${pageContext.request.contextPath}/statics/img/logo.png" /> <img src="../../statics/img/logo.png" /> </body> ```