无法加载静态资源:Spring MVC

时间:2017-02-25 04:09:27

标签: javascript java jquery css spring-mvc

我正在使用Spring MVC创建一个示例应用程序。我的问题是我的静态资源如css和javascript都没有加载。有人可以帮助我。这是我的第一个春季应用程序。任何帮助都会非常值得...

以下是我的代码......

的login.jsp

<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<html>

<head>

<spring:url value="/resources/common/css/login.css" var="loginCSS" />
<spring:url value="/resources/common/js/login.js" var="loginJS" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<link href="${loginCSS}" rel="stylesheet" />
<script src="${loginJS}"></script>

</head>

<body>

<h2>Sample spring mvc</h2>
<div class="test">
  <div class="form">

    <form class="test">
      <input type="text" placeholder="username"/>
      <input type="password" placeholder="password"/>
      <button>login</button>
      <p class="message">Not registered? <a href="#">Create an account</a></p>
    </form>
  </div>
</div>

</body>
</html>

采样的servlet

<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:mvc="http://www.springframework.org/schema/mvc" xmlns:context="http://www.springframework.org/schema/context"
    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.xsd
        http://www.springframework.org/schema/mvc 
        http://www.springframework.org/schema/mvc/spring-mvc.xsd
        http://www.springframework.org/schema/context 
        http://www.springframework.org/schema/context/spring-context.xsd">

    <context:component-scan base-package="com.sample.controller" />

    <bean id="viewResolver"
        class="org.springframework.web.servlet.view.UrlBasedViewResolver">
        <property name="viewClass"
            value="org.springframework.web.servlet.view.JstlView" />
        <property name="prefix" value="/WEB-INF/views/" />
        <property name="suffix" value=".jsp" />

    </bean>
    <mvc:resources mapping="/resources/**" location="/resources/" />
    <!-- <mvc:default-servlet-handler/> -->
    <mvc:annotation-driven />

</beans>

login.css

.test {
    background-color: red;
}

Myfolder结构 enter image description here

1 个答案:

答案 0 :(得分:1)

<mvc:resources mapping="/resources/**" location="/resources/" />替换为

<mvc:resources mapping="/resources/css/**" location="/resources/common/css/" />        
<mvc:resources mapping="/resources/js/**" location="/resources/common/js/" />

在你的jsp中使用如下:

<spring:url value="/resources/css/login.css" var="loginCSS" />
<spring:url value="/resources/js/login.js" var="loginJS" />