在SpringMVC应用程序中集成Twitter Bootstrap

Question

我开始在SpringMVC中构建基本应用程序。与此同时，我想使用一些易于设置的UI框架，如Twitter Bootstrap。但是，没有关于如何设置它的线索。

问题：

1. 我在哪里放置下载的bootstrap文件夹？





到目前为止我所拥有的。

Answer 1

我会将这些放在src / main / resources中，不在WEB-INF下。这些不需要保护。

另外，请确保按照documentation告诉Spring他们在调度程序servlet配置文件中的位置。

<mvc:resources mapping="/resources/**" location="/resources/" />

如果您正在使用Spring安全性，则需要确保资源不受保护。

<http pattern="/resources/**" security="none"/>

Answer 2

除非您计划编译自定义css，否则不需要.less文件。 Maven项目，通常将它们放在资源文件夹中。资源/资产/ css和资源/资产/ js

在JSP中：

<spring:url scope="page" var="bootstrapStylesheetUrl" value="/resources/assets/css/bootstrap.css"/>
<spring:url scope="page" var="bootstrapResponsiveStylesheetUrl" value="/resources/assets/css/bootstrap-responsive.css"/>
<spring:url scope="page" var="bootstrapJavascriptUrl" value="/resources/assets/js/bootstrap.js"/>

然后在头标记

<script src="${pageScope.bootstrapJavascriptUrl}"></script>
<link rel="stylesheet" href="${pageScope.bootstrapStylesheetUrl}"/>
<link rel="stylesheet" href="${pageScope.bootstrapResponsiveStylesheetUrl}"/>

另外，不要忘记将spring taglib添加到jsp的顶部

<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>

在你的spring servlet context config（productmgmt-servlet.xml）中添加以下行：

<mvc:resources mapping="/resources/**" location="classpath:/"/>