在springboot中集成bootstrap

20人阅读 评论(0) 收藏 举报
分类:

比较简单,不要想的太复杂了。

首先导入依赖bootstrap与jquery:

[html] view plain copy
  1. <!-- https://mvnrepository.com/artifact/org.webjars/bootstrap -->  
  2.         <!-- bootstrap -->  
  3.         <dependency>  
  4.             <groupId>org.webjars</groupId>  
  5.             <artifactId>bootstrap</artifactId>  
  6.             <version>3.3.5</version>  
  7.         </dependency>  
  8.         <dependency>  
  9.             <groupId>org.webjars</groupId>  
  10.             <artifactId>jquery</artifactId>  
  11.             <version>3.1.1</version>  
  12.         </dependency>  
然后在html文件中加入相应版本:

[html] view plain copy
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <script src="webjars/jquery/3.1.1/jquery.min.js"></script>  
  5. <script src="webjars/bootstrap/3.3.5/js/bootstrap.min.js"></script>  
  6. <link rel="stylesheet" href="webjars/bootstrap/3.3.5/css/bootstrap.min.css" />    
  7. <meta charset="UTF-8">  
  8. <title>Insert title here</title>  
  9. </head>  
  10. <body>  
  11.     <h2>hello zhangyan</h2>  
  12.     <div class="container">  
  13.         <h2>Button</h2>  
  14.         <p>.btn 类是按钮的基本样式:</p>  
  15.         <button type="button" class="btn-warning">基本按钮</button>  
  16.     </div>  
  17. </body>  
  18. </html>  
关键的三句:

<script src="webjars/jquery/3.1.1/jquery.min.js"></script>
<script src="webjars/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="webjars/bootstrap/3.3.5/css/bootstrap.min.css" />  

项目结构图:

然后就可以了。

不要在poi.xml中加build那些,尝试会有问题。

注:Spring Boot 会从以下路径寻找静态文件:

  • /META-INF/resources/
  • /resources/
  • /static/
  • /public/

Controller代码如下:

[java] view plain copy
  1. @Controller  
  2. public class BackIndexController {  
  3.   
  4.     @RequestMapping(value = "/",method = RequestMethod.GET)  
  5.     public String index() {  
  6.           
  7.         return "backindex.html";  
  8.     }  
  9.       
  10. }  
需要加入后缀。
查看评论

SpringBoot Boostrap前端js/css文件配置

感谢作者的分享:https://www.cnblogs.com/smiler/p/6857213.html http://blog.csdn.net/isea533/article/details/...
  • Emily201314
  • Emily201314
  • 2018-01-28 15:39:59
  • 1060

Spring Boot 结合Bootstrap

  • 2017年07月17日 14:59
  • 981KB
  • 下载

spring boot+thymeleaf+bootstrap 简单实现后台管理系统界面

spring boot+thymeleaf+bootstrap 简单实现后台管理系统界面
  • qq_14904081
  • qq_14904081
  • 2017-07-12 14:26:52
  • 15132

SpringBoot整合BootStarp

   一开始在将BootStrap整合到项目中时,以为SpringBoot项目和以前的javaWeb一样,直接在页面中引用css,js即可,但是打开界面时,样式效果出不来,后来看了几篇文章以及自己摸索...
  • u011972171
  • u011972171
  • 2018-04-03 18:32:30
  • 16

基于springboot+bootstrap+mysql+redis搭建一套完整的权限架构【一】【构建工程】

首先在看这一部分文章的时候,你必须要有一定的java基础,熟悉maven,intellij开发工具,若没有此基础,请先熟悉java,maven,intellij开发工具以后再来看此部分文章。...
  • linzhefeng89
  • linzhefeng89
  • 2017-08-22 23:17:41
  • 2116

基于springboot+bootstrap+mysql+redis搭建一套完整的权限架构【六】【引入bootstrap前端框架】

bootstrap是目前最受欢迎的前端框架,bootstrap是基于HTML、CSS、JAVASCRIPT的,她界面美光、代码简介、开发灵活,因此深受开发者的喜爱,本文中用的bootstrap框架的版...
  • linzhefeng89
  • linzhefeng89
  • 2017-12-11 10:19:24
  • 787

Spring Boot 搭建应用实现登陆实例,页面使用bootstrap

Spring boot 搭建web应用集成了thymeleaf模板实现登陆 下面是pom.xml的配置
  • enterys
  • enterys
  • 2016-12-20 11:21:15
  • 11963

spring boot 集成十几种demo

  • 2017年10月25日 18:50
  • 36.27MB
  • 下载

idea创建springboot,集成使用dubbo、zookeeper

  • 2017年11月01日 16:16
  • 183KB
  • 下载

基于springboot+bootstrap+mysql+redis搭建一套完整的权限架构【二】【整合springSecurity】

若需要整合我们的springSecurity,一种是直接使用springSecurity自带的权限架构,另外一种是使用我们自己设计的数据架构,本文所阐述的就是使用自己设计的RBAC权限架构,因此我们要...
  • linzhefeng89
  • linzhefeng89
  • 2017-12-07 15:52:37
  • 1698
    个人资料
    专栏达人 持之以恒
    等级:
    访问量: 5223
    积分: 411
    排名: 11万+
    博客专栏
    JME

    文章:5篇

    阅读:83
    最新评论