之前做前端开发,在使用bootstrap的时候都是去官网下载,然后放到项目中,在页面引用。
最近用springboot开发的时候发现,其实springboot可以让我们像导入java中的其他jar包一样导入bootstrap资源。
步骤如下:
1、在pom文件中加入以下依赖:
<dependency>
<groupId>org.webjars</groupId>
<artifactId>bootstrap</artifactId>
<version>3.3.7</version>
</dependency>
<dependency>
<groupId>org.webjars</groupId>
<artifactId>jquery</artifactId>
<version>3.1.1</version>
</dependency>
<dependency>
<groupId>net.sourceforge.nekohtml</groupId>
<artifactId>nekohtml</artifactId>
</dependency>
2、页面引用
<!DOCTYPE html>
<html lang="en">
<head>
<script src="${basePath}/webjars/jquery/3.1.1/jquery.min.js"></script>
<script src="${basePath}/webjars/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="${basePath}/webjars/bootstrap/3.3.7/css/bootstrap.min.css" />
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<button>原始</button>
<button class="btn-warning">警告</button>
<button class="btn-danger">报警</button>
</body>
</html>
上面的代码中我是用到了${basePath}
,${basePath}
不会配置的可以看我的另一篇文章springboot整合freemarker模板引擎后在页面获取basePath绝对路径
最后:
可以看一下bootstrap的样式我们已经使用上了:
更多推荐
springboot整合bootstrap
发布评论