码迷,mamicode.com
首页 > 编程语言 > 详细

webjars-jquery的引用

时间:2018-06-19 00:50:03      阅读:943      评论:0      收藏:0      [点我收藏+]

标签:新版本   分享   boot   管理   直接   java web   开发   rip   web项目   

什么是WebJars


WebJars以jar包的形式来使用前端的各种框架、组件,如jquery、bootstrap

WebJars将客户端(浏览器)资源(JavaScript,Css等)打成jar包文件,以对资源进行统一依赖管理。WebJars的jar包部署在Maven中央仓库上。

 

我们在开发Java web项目的时候会使用像Maven,Gradle等构建工具以实现对jar包版本依赖管理,以及项目的自动化管理,但是对于JavaScript,Css等前端资源包,我们只能采用拷贝到webapp下的方式,这样做就无法对这些资源进行依赖管理。

而WebJars就提供给我们这些前端资源的jar包形式,我们就可以进行依赖管理。

 

今天用webjars时,bootstrap引入很顺利,但是jquery尝试了很久才成功,网上搜到的文章的例子都是错的,这里记录一下:

网上的写法基本都是这种:

  <script src="webjars/jquery/3.1.1/jquery.min.js"></script> 

但实际上是错的,正确的应该是:

  <script th:src="webjars/jquery/3.1.1/dist/jquery.min.js"></script>和<script src="webjars/jquery/1.11.1/jquery.min.js"></script>

3.1.1多了一层dist

其实具体的看下jar包目录结构就一目了然了,如图

 

而bootstrap的jar包已经自动依赖jquery了,如图,bootstrap3.3.7-1就依赖了jquery1.11.1,不需要额外引入jquery依赖就可以直接引入:<script src="webjars/jquery/1.11.1/jquery.min.js"></script>

而如果想用新版本也可以再引入自己想要的jquery依赖,比如jquery3.1.1,然后引入js:<script th:src="webjars/jquery/3.1.1/dist/jquery.min.js">

 

技术分享图片

webjars-jquery的引用

标签:新版本   分享   boot   管理   直接   java web   开发   rip   web项目   

原文地址:https://www.cnblogs.com/guodefu909/p/webjars-jquery.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!