什么是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">

最新文章

  1. 使用C#代码生成一个随机的UUID
  2. Web Worker javascript多线程编程(一)
  3. 【Android】Android属性allowBackup安全风险
  4. 关于Youtube URL的十个技巧
  5. iOS UITableView中点击状态栏无法回滚到顶部
  6. Android之Http网络编程(四)
  7. Linux sed命令常用方法
  8. Centos7安装Docker 基于Dockerfile 搭建httpd运行环境
  9. 学习PHP的必备开发工具
  10. .net core2.1 三层中使用Autofac代替原来Ioc
  11. Vue-admin工作整理(七):路由的切换动效
  12. Eclipse项目里面看源码和文档
  13. 关于oracle数据库的小知识
  14. Mybatis 事务管理
  15. c# 对话框控件
  16. 第十章&#160;优先级队列 (b1)完全二叉堆:结构
  17. Cloudstack 的搭建
  18. python下几种打开文件的方式
  19. 客户端和服务端如何使用Token和Session
  20. 我的职业规划(android)

热门文章

  1. Python 之 UUID
  2. 关闭在chrome里使用双指前进后退页面的功能
  3. IBM Java 7 新特性和在 WAS 8.5 中的配置【转载】
  4. PAT 1130 Infix Expression[难][dfs]
  5. Delphi APP 開發入門(四)簡易手電筒
  6. spark-sql做ETL时遇到的两个问题
  7. spark[源码]-sparkContext详解[一]
  8. springbcloud5----高可用
  9. Linux 系统日志管理 rsyslogd配置文件
  10. live555笔记_hi3516A