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-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
   tomcat-embed-jasper
   provided

        
  
     javax.servlet.jsp.jstl  
     jstl-api  
     1.2  
  

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

希望能给大家一个参考吧，也希望大家多多支持脚本之家。