SpringBoot整合BootStrap实战
⽬录
SpringBoot整合BootStarp
1.Pom⽂件
2.在resource下创建⼀个l⽂件路径：statis/webjars
3.将页⾯放在src/main/webapp/WEB-INF/views下
4.界⾯添加以下⼏⾏
l配置⽂件中
6. Controller
注意
因为我显⽰的是jsp
SpringBoot整合BootStarp
⼀开始在将BootStrap整合到项⽬中时，以为SpringBoot项⽬和以前的javaWeb⼀样，直接在页⾯中引⽤css,js即可，但是打开界⾯时，样式效果出不来，后来看了⼏篇⽂章以及⾃⼰摸索，现将代码展⽰如下：
1.Pom⽂件
<properties>
<webjars-locator>0.32-1</webjars-locator>
<bootstrap>3.3.7</bootstrap>
<jquery>3.3.1</jquery>
</properties>
这是需要导⼊的依赖
<dependency>
<groupId>org.webjars</groupId>
<artifactId>webjars-locator</artifactId>
<version>${webjars-locator}</version>
</dependency>
<!-- bootstrap -->
<dependency>
<groupId>org.webjars</groupId>
<artifactId>bootstrap</artifactId>
<version>${bootstrap}</version>
</dependency>
<!-- jquery -->
<dependency>
<groupId>org.webjars</groupId>
<artifactId>jquery</artifactId>
<version>${jquery}</version>
</dependency>
2.在resource下创建⼀个l⽂件路径：statis/webjars
3.将页⾯放在src/main/webapp/WEB-INF/views下
这是我⾃⼰新建的，如上所⽰
4.界⾯添加以下⼏⾏
<script src="/webjars/jquery/jquery.min.js"></script>
<script src="/webjars/bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="/webjars/bootstrap/css/bootstrap.min.css" rel="external nofollow" />
l配置⽂件中
spring:
mvc:
view:
prefix: /WEB-INF/views/ #前缀
suffix: .jsp  #后缀
6. Controller
@Controller
@RequestMapping(value = "/show")
public class PageController {
@RequestMapping("/getHelloJsp")
public String helloJsp(ModelMap map) {
// 加⼊⼀个属性，⽤来在模板中读取
// map.addAttribute("name", "wade");
return "hello";
}
}
此时启动项⽬的启动类，输⼊url:localhost：端⼝号/show/getHelloJsp 即可正确的显⽰页⾯的样式
注意
因为我显⽰的是jsp
所以你还得提前在pom中添加关于jsp的两个依赖
<dependency>
<groupId>at.embed</groupId>
<artifactId>tomcat-embed-jasper</artifactId>
spring怎么读文件<scope>provided</scope>
</dependency>
<dependency>
<groupId>javax.servlet.jsp.jstl</groupId>
<artifactId>jstl-api</artifactId>
<version>1.2</version>
</dependency>
因为是初学springBoot所以⽂件路径各⽅⾯可能没有按照springBoot的规范来，以后慢慢纠正，如有更好的⽅式，请不吝赐教。
希望能给⼤家⼀个参考吧，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。