SpringBoot整合BootStrap实战

 更新时间:2021年09月02日 10:52:22   作者:java菜鱼  
这篇文章主要介绍了SpringBoot整合BootStrap实战,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

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" />

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

<dependency>
   <groupId>org.apache.tomcat.embed</groupId>
   <artifactId>tomcat-embed-jasper</artifactId>
   <scope>provided</scope>
</dependency>
        
<dependency>  
     <groupId>javax.servlet.jsp.jstl</groupId>  
     <artifactId>jstl-api</artifactId>  
     <version>1.2</version>  
</dependency>  

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

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

相关文章

  • spring cloud gateway请求跨域问题解决方案

    spring cloud gateway请求跨域问题解决方案

    这篇文章主要介绍了spring cloud gateway请求跨域问题解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-01-01
  • JavaSE中比较器、深拷贝浅拷贝举例详解

    JavaSE中比较器、深拷贝浅拷贝举例详解

    在Java中一切都可以视为对象,在Java中我们经常使用引用去操作对象,下面这篇文章主要给大家介绍了关于JavaSE中比较器、深拷贝浅拷贝的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-07-07
  • Java基础知识精通各种运算符

    Java基础知识精通各种运算符

    计算机的最基本用途之一就是执行数学运算,作为一门计算机语言,Java也提供了一套丰富的运算符来操纵变量,本篇对大家的学习或工作具有一定的价值,需要的朋友可以参考下
    2022-04-04
  • Java生成一定规则递增编号的示例代码

    Java生成一定规则递增编号的示例代码

    项目需求中有时需要生成一定规则递增编号,本文主要介绍了Java生成一定规则递增编的示例代码,具有一定的参考价值,感兴趣的可以了解一下
    2023-08-08
  • Java使用Freemarker页面静态化生成的实现

    Java使用Freemarker页面静态化生成的实现

    这篇文章主要介绍了Java使用Freemarker页面静态化生成的实现,页面静态化是将原来的动态网页改为通过静态化技术生成的静态网页,FreeMarker 是一个用 Java 语言编写的模板引擎,它基于模板来生成文本输,更多相关内容需要的小伙伴可以参考一下
    2022-06-06
  • Java8新特性之类型注解_动力节点Java学院整理

    Java8新特性之类型注解_动力节点Java学院整理

    这篇文章主要介绍了Java8新特性之类型注解的相关资料,需要的朋友可以参考下
    2017-06-06
  • SpringEvents与异步事件驱动案例详解

    SpringEvents与异步事件驱动案例详解

    本文深入探讨了SpringBoot中的事件驱动架构,特别是通过Spring事件机制实现组件解耦和系统扩展性增强,介绍了事件的发布者、事件本身、事件监听器和事件处理器的概念,感兴趣的朋友跟随小编一起看看吧
    2024-09-09
  • mybatis如何实现saveOrUpdate

    mybatis如何实现saveOrUpdate

    这篇文章主要介绍了mybatis如何实现saveOrUpdate问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-02-02
  • MyEclipse安装JS代码提示的教程(Spket插件)

    MyEclipse安装JS代码提示的教程(Spket插件)

    本篇文章主要介绍了MyEclipse安装JS代码提示的教程(Spket插件),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • Java实现定时读取json文件里内容的示例代码

    Java实现定时读取json文件里内容的示例代码

    有时候我们会需要定时来读取JSON配置文件里的内容,来执行一些业务逻辑上的操作,本文就介绍了Java实现定时读取json文件里内容的示例代码,感兴趣的可以了解一下
    2023-08-08

最新评论