SpringBoot整合BootStrap实战 SpringBoot整合BootStrap实战

SpringBoot整合BootStarp

1.Pom文件
2.在resource下创建一个l文件路径：statis/webjars
3.将页面放在src/main/webapp/WEB-INF/views下
4.界面添加以下几行
5.application.yml配置文件中
6. Controller

注意

因为我显示的是jsp

SpringBoot整合BootStarp 一开始在将BootStrap整合到项目中时，以为SpringBoot项目和以前的javaWeb一样，直接在页面中引用css,js即可，但是打开界面时，样式效果出不来，后来看了几篇文章以及自己摸索，现将代码展示如下：

1.Pom文件

0.32-13.3.73.3.1

这是需要导入的依赖

org.webjarswebjars-locator${webjars-locator} org.webjarsbootstrap${bootstrap} org.webjarsjquery${jquery}

2.在resource下创建一个l文件路径：statis/webjars

文章图片

3.将页面放在src/main/webapp/WEB-INF/views下
这是我自己新建的,如上所示
【SpringBoot整合BootStrap实战】
4.界面添加以下几行

5.application.yml配置文件中

spring:mvc:view:prefix: /WEB-INF/views/ #前缀suffix: .jsp#后缀

6. Controller

@Controller@RequestMapping(value = "https://www.it610.com/show")public class PageController { @RequestMapping("/getHelloJsp")public String helloJsp(ModelMap map) {// 加入一个属性，用来在模板中读取// map.addAttribute("name", "wade"); return "hello"; } }

此时启动项目的启动类，输入url:localhost:端口号/show/getHelloJsp 即可正确的显示页面的样式

注意
因为我显示的是jsp
所以你还得提前在pom中添加关于jsp的两个依赖