SpringBoot整合BootStrap实战

SpringBoot整合BootStrap实战

目录SpringBoot整合BootStarp1.Pom文件2.在resource下创建一个l文件路径：statis/webjars3.将页面放在src/main/webapp/WEB-INF/views下4.界面添加以下几行5.application.yml配置文件中6. Controller注意因为我显示的是jsp

SpringBoot整合BootStarp

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

1.Pom文件

0.32-1

3.3.7

3.3.1

这是需要导入的依赖

org.webjars

webjars-locator

${webjars-locator}

org.webjars

bootstrap

${bootstrap}

org.webjars

jquery

${jquery}

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

3.将页面放在src/main/webapp/WEB-INF/views下

这是我自己新建的,如上所示

4.界面添加以下几行

5.application.yml配置文件中

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的两个依赖

org.apache.tomcat.embed

<artifactId>tomcat-embed-jasper

provided

javax.servlet.jsp.jstl

jstl-api

1.2

因为是初学springBoot所以文件路径各方面可能没有按照springBoot的规范来，以后慢慢纠正，如有更好的方式，请不吝赐教。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。