1 回答
TA贡献1851条经验 获得超3个赞
假设您有webjarsMaven 依赖项:
<dependency>
<groupId>org.webjars</groupId>
<artifactId>bootstrap</artifactId>
<version>${bootstrap.version}</version>
</dependency>
<dependency>
<groupId>org.webjars</groupId>
<artifactId>jquery</artifactId>
<version>${jquery.version}</version>
</dependency>
您可以通过将以下代码放入模板中来引用您的资源<head></head>:
<link href="webjars/bootstrap/3.3.7-1/css/bootstrap.min.css" rel="stylesheet" media="screen"
th:href="@{/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css}"/>
<script src="webjars/jquery/3.2.0/jquery.min.js"
th:src="@{/webjars/jquery/3.2.0/jquery.min.js}"></script>
属性hrefandsrc将在编译时使用,而属性th:hrefandth:scr将在运行时由 Thymeleaf 使用。
以同样的方式,您可以使用自己的样式表或脚本:
<link href="../../static/css/app.css" th:href="@{css/app.css}" rel="stylesheet" media="screen"/>
<script src="../../static/js/app.js" th:src="@{js/app.js}"></script>
添加回答
举报