<mvc:resources mapping="/resources/**" location="/resources/form-1/assets/bootstrap/,/resources/form-1/assets/,/resources/form-1/assets/font-awesome/,/resources/form-1/assets/img/" />
这是我在mvc配置文件中的资源标记 . 这是我带有标签的jsp
<?xml version="1.0" encoding="ISO-8859-1"?>
<%@ taglib uri =“http://www.springframework.org/tags”prefix =“spring”%> <%@ page language =“java”contentType =“text / html; charset = ISO-8859-1”的pageEncoding = “ISO-8859-1” %>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap Login Form Template</title>
<!-- CSS -->
<spring:url value="/resource/css/bootstrap-min.css" var="1"/>
<spring:url value="/resources/css/font-awesome.min.css" var="2"/>
<spring:url value="/resources/css/form-elements.css" var="3"/>
<spring:url value="/resources/css/style.css" var="4"/>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">
<link rel="stylesheet" href="${1}">
<link rel="stylesheet" href="${2}">
<link rel="stylesheet" href="${3}">
<link rel="stylesheet" href="${4}">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Favicon and touch icons -->
<spring:url value="/resources/ico/favicon.png" var="5"/>
<spring:url value="/resources/ico/apple-touch-icon-114-precomposed.png" var="6"/>
<spring:url value="/resources/ico/apple-touch-icon-144-precomposed.png" var="7"/>
<spring:url value="/resources/ico/apple-touch-icon-72-precomposed.png" var="8"/>
<spring:url value="/resources/ico/apple-touch-icon-57-precomposed.png" var="9"/>
<link rel="shortcut icon" href="${5}">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="${6}">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="${7}">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="${8}">
<link rel="apple-touch-icon-precomposed" href="${9}">
</head>
<body>
<!-- Top content -->
<div class="top-content">
<div class="inner-bg">
<div class="container">
<div class="row">
<div class="col-sm-6 col-sm-offset-3 form-box">
<div class="form-top">
<div class="form-top-left">
<h3>Login to our site</h3>
<p>Enter your username and password to log on:</p>
</div>
<div class="form-top-right">
<i class="fa fa-key"></i>
</div>
</div>
<div class="form-bottom">
<spring:nestedPath path="signup">
<form role="form" action="" method="post" class="login-form">
<div class="form-group">
<label class="sr-only" for="form-username">First Name</label>
<spring:bind path="firstName">
<input type="text" name="${status.expression}" value="${status.value}" />
</spring:bind>
</div>
<div class="form-group">
<label class="sr-only" for="form-password">Last Name</label>
<spring:bind path="lastName">
<input type="text" name="${status.expression}" value="${status.value}" />
</spring:bind>
</div>
<div class="form-group">
<label class="sr-only" for="form-password">Email</label>
<spring:bind path="email">
<input type="text" name="${status.expression}" value="${status.value}" />
</spring:bind>
</div>
<div class="form-group">
<label class="sr-only" for="form-password">Phone</label>
<spring:bind path="phoneNo">
<input type="text" name="${status.expression}" value="${status.value}" />
</spring:bind>
</div>
<div class="form-group">
<label class="sr-only" for="form-password">Gender</label>
<spring:bind path="gender">
<input type="text" name="${status.expression}" value="${status.value}" />
</spring:bind>
</div>
<div class="form-group">
<label class="sr-only" for="form-password">Nationality</label>
<spring:bind path="nationality">
<input type="text" name="${status.expression}" value="${status.value}" />
</spring:bind>
</div>
<div class="form-group">
<label class="sr-only" for="form-password">Display Pic</label>
<spring:bind path="dp">
<input type="text" name="${status.expression}" value="${status.value}" />
</spring:bind>
</div>
<div class="form-group">
<label class="sr-only" for="form-password">Date of Birth</label>
<spring:bind path="dob">
<input type="text" name="${status.expression}" value="${status.value}" />
</spring:bind>
</div>
<div class="form-group">
<label class="sr-only" for="form-password">Password</label>
<spring:bind path="createPassword">
<input type="password" name="${status.expression}" value="${status.value}" />
</spring:bind>
</div>
<div class="form-group">
<label class="sr-only" for="form-password">Password</label>
<spring:bind path="confirmPassword">
<input type="password" name="${status.expression}" value="${status.value}" />
</spring:bind>
</div>
<button type="submit" class="btn">Sign in!</button>
</form>
</spring:nestedPath>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Javascript -->
<spring:url value="/resources/js/jquery-1.11.1.min.js" var="10"/>
<spring:url value="/resources/js/bootstrap.min.js" var="11"/>
<spring:url value="/resources/js/jquery.backstretch.min.js" var="12"/>
<spring:url value="/resources/js/scripts.js" var="13"/>
<script src="${10}"></script>
<script src="${11}"></script>
<script src="${12}"></script>
<script src="${13}"></script>
<!--[if lt IE 10]>
<script src="assets/js/placeholder.js"></script>
<![endif]-->
</body>
这是文件结构:file structure
webapp
|-resources
|-form-1
|-assets
|-bootstrap
|-css
|-bootstrap.min.css
|-css
|-form-element.css
|-style.css
|-font-awesome
|-css
|-font-awesome.min.css
|-ico
|-favicon.png
|-apple-touch-icon-144-precomposed.png
|-apple-touch-icon-114-precomposed.png
|-apple-touch-icon-57-precomposed.png
|-apple-touch-icon-72-precomposed.png
|-img
|-js
|-jquery-1.11.1.min.js
|-jquery.backstrech.js
|-jquery.backstretch.min.js
|-scripts.js
我是 Spring 季mvc的初学者 . 工作2天,以解决亲切的帮助 . 提前致谢
1 回答
我认为问题是mvc:资源可以处理该映射,因为所有路径都有类似的内容文件夹,我建议你修改mvc:resources路径到你所有公共资源的根目录,如:
然后,您必须为供应商资源指定文件夹,例如bootstrap或font-awesome以及您的自定义文件:
需要将相同的逻辑应用于所有资源引用,如CSS,JS,图标,图像等 .