您的位置：首页 > Web前端 > BootStrap

在springboot中集成bootstrap

2017-08-24 16:37 357 查看
比较简单，不要想的太复杂了。

首先导入依赖bootstrap与jquery：<!-- https://mvnrepository.com/artifact/org.webjars/bootstrap -->
<!-- bootstrap -->
<dependency>
<groupId>org.webjars</groupId>
<artifactId>bootstrap</artifactId>
<version>3.3.5</version>
</dependency>
<dependency>
<groupId>org.webjars</groupId>
<artifactId>jquery</artifactId>
<version>3.1.1</version>
</dependency>然后在html文件中加入相应版本：
<!DOCTYPE html>
<html>
<head>
<script src="webjars/jquery/3.1.1/jquery.min.js"></script>
<script src="webjars/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="webjars/bootstrap/3.3.5/css/bootstrap.min.css" />
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h2>hello zhangyan</h2>
<div class="container">
<h2>Button</h2>
<p>.btn 类是按钮的基本样式:</p>
<button type="button" class="btn-warning">基本按钮</button>
</div>
</body>
</html>关键的三句：
<script src="webjars/jquery/3.1.1/jquery.min.js"></script>

<script src="webjars/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<link rel="stylesheet" href="webjars/bootstrap/3.3.5/css/bootstrap.min.css" />  

项目结构图：



然后就可以了。

不要在poi.xml中加build那些，尝试会有问题。

注：Spring Boot 会从以下路径寻找静态文件：
/META-INF/resources/
/resources/
/static/
/public/
Controller代码如下：

@Controller
public class BackIndexController {

@RequestMapping(value = "/",method = RequestMethod.GET)
public String index() {

return "backindex.html";
}

}
需要加入后缀。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航