webjars没有bootstrap_webjars bootstrap - CSDN
精华内容
参与话题
  • -- https://mvnrepository.com/artifact/org.webjars/bootstrap --> <!-- bootstrap --> <dependency> <groupId>org.webjars</grou...

    ①先在pom.xml中

        <!-- https://mvnrepository.com/artifact/org.webjars/bootstrap -->  
            <!-- bootstrap -->  
            <dependency>  
                <groupId>org.webjars</groupId>  
                <artifactId>bootstrap</artifactId>  
                <version>3.3.5</version>  
            </dependency>  
            <dependency>  
                <groupId>org.webjars</groupId>  
                <artifactId>jquery</artifactId>  
                <version>3.1.1</version>  
            </dependency> 


    ②在这个路径下建一个名为webjars的包(注意:包看起来是空的,不用添加东西)



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

    展开全文
  • WebJars——web端静态资源的jar包

    万次阅读 2017-04-15 11:42:13
    1、WebJars介绍Web前端使用了越来越多的JS或CSS,如jQuery,Backbone.js和Bootstrap。一般情况下,我们是将这些Web资源拷贝到Java Web项目的webapp相应目录下进行管理。这种通过人工方式管理可能会产生版本误差,...

    1、WebJars介绍

    Web前端使用了越来越多的JS或CSS,如jQuery,Backbone.js和Bootstrap。一般情况下,我们是将这些Web资源拷贝到Java Web项目的webapp相应目录下进行管理。这种通过人工方式管理可能会产生版本误差,拷贝版本错误,漏拷等现象,导致前端页面无法正确展示,版本不一致,文件混乱等,导致出现一些莫名其妙的错误等。

    WebJars是将web前端资源(js,css等)打成jar包文件,然后借助Maven工具,以jar包形式对web前端资源进行统一依赖管理,保证这些Web资源版本唯一性。WebJars的jar包部署在Maven中央仓库上。

    WebJars官网:http://www.webjars.org/

    2、WebJars使用

    2.1 pom.xml

    <dependencies>
        <dependency>
                <groupId>org.webjars</groupId>
                <artifactId>jquery</artifactId>
                <version>2.2.4</version>
            </dependency>
            <dependency>
                <groupId>org.webjars</groupId>
                <artifactId>bootstrap</artifactId>
                <version>3.3.6</version>
            </dependency>
    </dependencies>

    2.2 引用

    2.2.1 静态页面

    <link rel='stylesheet' href='webjars/bootstrap/3.3.6/css/bootstrap.min.css'>
    
    <script type='text/javascript' src='webjars/bootstrap/3.3.6/js/bootstrap.min.js'></script>
    
    <script type='text/javascript' src='webjars/jquery/2.2.4/jquery.min.js'></script>

    2.2.2 jsp页面

    <link rel='stylesheet'  href="<%=request.getContextPath() %>/webjars/bootstrap/3.3.6/css/bootstrap.min.css"/>
    
    <script type="text/javascript" src="<%=request.getContextPath() %>/webjars/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    
    <script type="text/javascript" src="<%=request.getContextPath() %>/webjars/jquery/2.2.4/jquery.min.js"></script>
    展开全文
  • 在springboot中集成bootstrap

    万次阅读 2017-08-24 16:37:18
    首先导入依赖bootstrap与jquery: org.webjars bootstrap 3.3.5 org.webjars jquery 3.1.1 然后在html文件中加入相应版本: Insert title here hello zhangyan ...

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

    首先导入依赖bootstrap与jquery:

    <!-- https://mvnrepository.com/artifact/org.webjars/bootstrap -->
    		<!-- bootstrap -->
    		<dependency>
    			<groupId>org.webjars</groupId>
    			<artifactId>bootstrap</artifactId>
    			<version>3.3.5</version>
    		</dependency>
    		<dependency>
    			<groupId>org.webjars</groupId>
    			<artifactId>jquery</artifactId>
    			<version>3.1.1</version>
    		</dependency>
    然后在html文件中加入相应版本:

    <!DOCTYPE html>
    <html>
    <head>
    <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" />  
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    	<h2>hello zhangyan</h2>
    	<div class="container">
    		<h2>Button</h2>
    		<p>.btn 类是按钮的基本样式:</p>
    		<button type="button" class="btn-warning">基本按钮</button>
    	</div>
    </body>
    </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代码如下:

    @Controller
    public class BackIndexController {
    
    	@RequestMapping(value = "/",method = RequestMethod.GET)
    	public String index() {
    		
    		return "backindex.html";
    	}
    	
    }
    
    需要加入后缀。


    展开全文
  • Spring boot使用Bootstrap

    万次阅读 2018-09-06 23:44:37
    webjars https://www.webjars.org/ &amp;lt;!--引入bootstrap--&amp;gt; &amp;lt;dependency&amp;gt; &amp;lt;groupId&amp;gt;org.webjars&amp;lt;/groupId&amp;gt; &amp...

    添加依赖

    webjars
    https://www.webjars.org/

    <!--引入bootstrap-->
    <dependency>
        <groupId>org.webjars</groupId>
        <artifactId>bootstrap</artifactId>
        <version>4.0.0</version>
    </dependency>

    查看依赖
    这里写图片描述
    页面引用

    <!-- Bootstrap core CSS -->
    <link href="asserts/css/bootstrap.min.css" th:href="@{/webjars/bootstrap/4.0.0/css/bootstrap.css}" rel="stylesheet">

    这里写图片描述

    优点

    当项目名称,改变时
    不需要修改,引用资源的路径地址

    Spring boot
    自动的添加,项目名的地址路径
    这里写图片描述

    展开全文
  • WebJars介绍及使用

    千次阅读 2018-04-27 11:21:17
    WebJars是一个很神奇的东西,可以让大家以jar包的形式来使用前端的各种框架、组件。什么是WebJars什么是WebJarsWebJars是将客户端(浏览器)资源(JavaScript,Css等)打成jar包文件,以对资源进行统一依赖管理。...
  • SpringBoot Boostrap前端js/css文件配置

    万次阅读 2018-01-28 22:39:48
    感谢作者的分享:https://www.cnblogs.com/smiler/p/6857213.html ... 1.按理SpringBoot会自动加载resources/static下面的静态文件(js/css等),但因为路径的问题前台页面引用都失败。...考虑到项目肯定会有自定义
  • SpringMVC 引用BootStrap和jQuery

    千次阅读 2017-01-13 14:22:38
    无意中在Maven公服中发现bootstrap了,发现已经被打包到jar中了。 http://mvnrepository.com/artifact/org.webjars/bootstrap 添加依赖 <groupId>org.webjars <artifactId>bootstrap <version>
  • ①先在pom.xml中  &lt;!-- ...-- bootstrap --&gt; &lt;dependency&gt; &lt;groupId&gt;org.webjars&lt;/groupId&gt; &lt;artifactId&gt;...
  • SpringMVC引入静态org.webjars中资源404

    万次阅读 2016-12-04 00:49:25
    SpringMVC引入静态org.webjars中资源404
  • 就不需要下载Bootstrap和jQuery等资源就可直接引用,更不需要在Git库上传了。 WebJars支持的前端资源很多,具体可参考:All Deployed WebJars 使用WebJars示例如下(本示例以Spring boot为基...
  • 1. 默认情况下, 网页存放于static目录下, 默认的"/"指向的是~/resouces/static/index.html文2. 如果引入了thymeleaf, 则...lt;dependency&gt; &lt;groupId&...org.springframework.boot&...gt...
  • SpringBoot - WebJars

    千次阅读 2018-06-13 13:54:22
    WebJars是将web前端资源(js,css等)打成jar包文件,然后借助Maven工具,以jar包形式对web前端资源进行统一依赖管理,保证这些Web资源版本唯一性。WebJars的jar包部署在Maven中央仓库上。 官网地址 : ...
  • WebJars介绍

    千次阅读 2018-05-30 10:09:40
    参考文章:WebJars——web端静态资源的jar包1、WebJars介绍Web前端使用了越来越多的JS或CSS,如jQuery,Backbone.js和Bootstrap。一般情况下,我们是将这些Web资源拷贝到Java Web项目的webapp相应目录下进行管理。...
  • SpringBoot整合BootStarp

    千次阅读 2018-04-03 18:38:00
    一开始在将BootStrap整合到项目中时,以为SpringBoot项目和以前的javaWeb一样,直接在页面中引用css,js即可,但是打开界面时,样式效果出不来,后来看了几篇文章以及自己摸索,现将代码展示如下:1.Pom文件&...
  • SpringBoot 使用 WebJars 统一管理静态资源 WebJars - 官网 推荐使用Webjars的三大理由: 将静态资源版本化,更利于升级和维护。 剥离静态资源,提高编译速度和打包效率。 实现资源共享,有利于统一前端开发。 比如,...
  • WebJars——web端静态资源打jar包

    千次阅读 2018-05-04 09:11:30
    WebJars是将web前端资源(js,css等)打成jar包文件,然后借助Maven工具,以jar包形式对web前端资源进行统一依赖管理,保证这些Web资源版本唯一性。WebJars的jar包部署在Maven中央仓库上。pom.xml:&lt;...
  • SpringBoot使用WebJars

    千次阅读 2019-06-11 10:44:05
    本人主要做的是java,但是从第一份工作开始,就一直在做一个写前端又写后端的程序员,...SpringBoot结合前端有很多种方法,比如在static里面直接加入css或js,又或者引入webjars,以jar包的形式加入项目,本文就是...
  • SpringBoot引入Bootstrap

    千次阅读 2019-03-13 09:00:37
    org.webjars&lt;/groupId&gt; &lt;artifactId&gt;bootstrap&lt;/artifactId&gt; &lt;version&gt;3.3.5&lt;/version&gt; &lt;/dependency&gt; &am
  • JavaWeb开发分享:WebJars

    千次阅读 2014-12-13 17:22:42
    使用WebJars简化Java Web开发当中Javascripts和CSS文件的管理维护
  • WebJars是一个很神奇的东西,可以让大家以jar包的形式来使用前端的各种框架、组件。 什么是WebJars 什么是WebJarsWebJars是将客户端(浏览器)资源(JavaScript,Css等)打成jar包文件,以对资源进行统一依赖...
1 2 3 4 5 ... 20
收藏数 1,765
精华内容 706
关键字:

webjars没有bootstrap