SpringBoot 的前端静态资源的WebJar支持(bootstrap、jquery等)及自定义图标和首页
在Spring Boot中,WebJars提供了一个方便的方式来引入前端静态资源,如JavaScript库和CSS框架。你可以通过Maven或Gradle依赖的方式来引入这些资源。
首先,在pom.xml
中添加WebJar依赖,例如Bootstrap和jQuery:
<dependency>
<groupId>org.webjars</groupId>
<artifactId>bootstrap</artifactId>
<version>4.6.0</version>
</dependency>
<dependency>
<groupId>org.webjars</groupId>
<artifactId>jquery</artifactId>
<version>3.6.0</version>
</dependency>
然后,你可以在HTML中通过WebJar的路径来引用这些资源:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>WebJars Example</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="/webjars/bootstrap/4.6.0/css/bootstrap.min.css">
</head>
<body>
<h1>Hello, WebJars!</h1>
<!-- jQuery first, then Bootstrap JS. -->
<script src="/webjars/jquery/3.6.0/jquery.min.js"></script>
<script src="/webjars/bootstrap/4.6.0/js/bootstrap.bundle.min.js"></script>
</body>
</html>
对于自定义图标和图片,你可以将它们放在src/main/resources/static
目录下,然后在HTML中通过相对路径来引用。
例如,你有一个自定义图标放在src/main/resources/static/images/favicon.ico
,你可以在index.html
中通过以下方式引用:
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
在Spring Boot中,静态资源的默认路径是/static
、/public
、/resources
、/META-INF/resources
。因此,不需要额外配置,只要将资源放在这些目录下,Spring Boot就会自动将它们暴露出来。
评论已关闭