webjars-jquery的引用
什么是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">
最新文章
- 使用C#代码生成一个随机的UUID
- Web Worker javascript多线程编程(一)
- 【Android】Android属性allowBackup安全风险
- 关于Youtube URL的十个技巧
- iOS UITableView中点击状态栏无法回滚到顶部
- Android之Http网络编程(四)
- Linux sed命令常用方法
- Centos7安装Docker 基于Dockerfile 搭建httpd运行环境
- 学习PHP的必备开发工具
- .net core2.1 三层中使用Autofac代替原来Ioc
- Vue-admin工作整理(七):路由的切换动效
- Eclipse项目里面看源码和文档
- 关于oracle数据库的小知识
- Mybatis 事务管理
- c# 对话框控件
- 第十章&#160;优先级队列 (b1)完全二叉堆:结构
- Cloudstack 的搭建
- python下几种打开文件的方式
- 客户端和服务端如何使用Token和Session
- 我的职业规划(android)
热门文章
- Python 之 UUID
- 关闭在chrome里使用双指前进后退页面的功能
- IBM Java 7 新特性和在 WAS 8.5 中的配置【转载】
- PAT 1130 Infix Expression[难][dfs]
- Delphi APP 開發入門(四)簡易手電筒
- spark-sql做ETL时遇到的两个问题
- spark[源码]-sparkContext详解[一]
- springbcloud5----高可用
- Linux 系统日志管理 rsyslogd配置文件
- live555笔记_hi3516A