spring-mvc - 在 SpringMVC 应用程序中集成 Twitter Bootstrap

Question

我开始在 SpringMVC 中构建基本应用程序。同时，我想使用一些易于设置的 UI 框架，例如 Twitter Bootstrap。但是，不知道如何设置它。

问题：

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

到目前为止我所拥有的。

Answer 1

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

此外，请确保根据文档告诉 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"/>

然后在 head 标签中

<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 上下文配置（productmgmt-servlet.xml）中添加以下行：

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