Spring Boot使用WebJar管理css、JavaScript文件

现在Web前端使用了越来越多的JS或CSS,如jQuery, Backbone.js 和Bootstrap等等。

一般的做法是将这些Web资源拷贝到Java的目录下,通过手工进行管理,这种通方式容易导致文件混乱、版本不一致等问题。

WebJars是将这些通用的Web前端资源打包成Java的Jar包,然后借助Maven工具对其管理,保证这些Web资源版本唯一性,升级也比较容易。

关于webjars资源,有一个专门的网站http://www.webjars.org/,我们可以到这个网站上找到自己需要的资源,在自己的工程中添加入maven依赖,即可直接使用这些资源了。

1、传统做法:将这些Web资源拷贝到Java的目录下,通过手工进行管理

     

      

      示例图:

     


2、使用WebJars,借助Maven工具对其管理

     a)  首先在pom.xml里面添加依赖      

    <dependencies>
	<dependency>
		<groupId>org.webjars</groupId>
		<artifactId>bootstrap</artifactId>
		<version>3.1.0</version>
	</dependency>
   </dependencies>

   b) 引入资源(注意有版本号)

   <link rel="stylesheet" href="webjars/bootstrap/3.1.0/css/bootstrap.min.css"/>

    示例图如下:


  

c) 省略版本号,添加webjars-locator


      <dependency>
		<groupId>org.webjars</groupId>
		<artifactId>webjars-locator</artifactId>
		<version>0.30</version>
     </dependency>

  示例图:



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值