2018-01-22
进行springMVC的使用时,搭建框架的时候,发现一个简单的demo都跑不起来。发现引入的js出现404了。之后就查找各种资料后,发现,原来需要配置静态资源,否则不能进行访问指定的js资源。
在springmvn-servlet.xml文件中进行设置:
[html] view plain copy
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:context="http://www.springframework.org/schema/context"
xmlns:mvc="http://www.springframework.org/schema/mvc"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="
http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context-3.0.xsd
http://www.springframework.org/schema/mvc
http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd">
<context:component-scan base-package="com.xueyoucto.xueyou.controller"/>
<context:component-scan base-package="com.xueyoucto.xueyou.utils"/>
<mvc:annotation-driven/>
<mvc:resources location="/Component/" mapping="/Component/**"/>
<mvc:resources location="/img/" mapping="/img/**"/>
<mvc:resources location="/js/" mapping="/js/**"/>
<mvc:resources location="/css/" mapping="/css/**"/>
</beans>
<mvc:resources location="/Component/" mapping="/Component/**"/>
<mvc:resources location="/img/" mapping="/img/**"/>
<mvc:resources location="/js/" mapping="/js/**"/>
<mvc:resources location="/css/" mapping="/css/**"/>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
<script type="text/javascript" src="${pageContext.request.contextPath}/Component/jquery-2.2.2.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/hello.js"></script>
<title>ccc</title>
</head>
<body>
<h1>hello</h1>
</body>
</html>
<mvc:resources location="/Component/" mapping="/Component_mapping/**"/>
<mvc:resources location="/img/" mapping="/img_mapping/**"/>
<mvc:resources location="/js/" mapping="/js_mapping/**"/>
<mvc:resources location="/css/" mapping="/css_mapping/**"/>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
<script type="text/javascript" src="${pageContext.request.contextPath}/Component_mapping/jquery-2.2.2.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js_mapping/hello.js"></script>
<title>ccc</title>
</head>
<body>
<h1>hello</h1>
</body>
</html>
主要是如下内容:
[html] view plain copy
其中location是真实的路径,mapping是对外显示的映射的路径。
现在,我想在hello.jsp中引用hello.js和jquery-2.2.2.js,那么我需要在hello.jsp中这样写:
[plain] view plain copy
这样能够引入hello.js。
如果把springmvc-servlet.xml中的mapping映射修改一下:
[html] view plain copy
这时候,在hello.jsp中引用js的时候就需要这样引用:
[plain] view plain copy
运行效果: