WebJars介绍及使用
转载: https://blog.csdn.net/q_0718/article/details/80105318
WebJars是一个很神奇的东西,可以让大家以jar包的形式来使用前端的各种框架、组件。
什么是WebJars
什么是WebJars?WebJars是将客户端(浏览器)资源(JavaScript,Css等)打成jar包文件,以对资源进行统一依赖管理。WebJars的jar包部署在Maven中央仓库上。
为什么使用
我们在开发Java web项目的时候会使用像Maven,Gradle等构建工具以实现对jar包版本依赖管理,以及项目的自动化管理,但是对于JavaScript,Css等前端资源包,我们只能采用拷贝到webapp下的方式,这样做就无法对这些资源进行依赖管理。那么WebJars就提供给我们这些前端资源的jar包形势,我们就可以进行依赖管理。
如何使用
(1)使用 添加js或者css库
pom.xml
<dependency> <groupId>org.webjars</groupId> <artifactId>bootstrap</artifactId> <version>3.3.7-1</version>
</dependency>
<dependency> <groupId>org.webjars</groupId> <artifactId>jquery</artifactId> <version>3.1.1</version>
</dependency>
src/main/resources/static/demo.html
<html> <head> <script src="/webjars/jquery/3.1.1/jquery.min.js"></script> <script src="/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js"></script> <title>WebJars Demo</title> <link rel="stylesheet" href="/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css" /> </head> <body> <div class="container"><br/> <div class="alert alert-success"> <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a> Hello, <strong>WebJars!</strong> </div> </div> </body>
</html>
启动应用访问 http://localhost:8080/demo.html
(2)省略版本号
很少在代码中硬编码版本号,所以需要隐藏它
pom.xml添加webjars-locator
<dependency> <groupId>org.webjars</groupId> <artifactId>webjars-locator</artifactId> <version>0.31</version>
</dependency>
src/main/resources/static/demo.html
将
<script src="/webjars/jquery/3.1.1/jquery.min.js"></script>
<script src="/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js"></script>
<title>WebJars Demo</title>
<link rel="stylesheet" href="/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css" />
改为
<script src="/webjars/jquery/jquery.min.js"></script>
<script src="/webjars/bootstrap/js/bootstrap.min.js"></script>
<title>WebJars Demo</title>
<link rel="stylesheet" href="/webjars/bootstrap/css/bootstrap.min.css" />
启动应用再次访问 http://localhost:8080/demo.html 结果和上边一样
扩展:
引入的开源JavaScript库/CSS库将会以jar的形式被打包进工程!
spring-boot-demo1-0.0.1-SNAPSHOT.jar\BOOT-INF\lib
bootstrap-3.3.7-1.jar
└─ META-INF └─ resources └─ webjars └─ bootstrap └─ 3.3.7-1 ├─ css | ├─ bootstrap.min.css | ├─ bootstrap.min.css.gz # Gzip文件 ...
jquery-3.1.1.jar
└─ META-INF └─ resources └─ webjars └─ jquery └─ 3.1.1 ├─ jquery.min.js ...
WebJars介绍及使用相关推荐
- WebJars——web端静态资源的jar包
1.WebJars介绍 Web前端使用了越来越多的JS或CSS,如jQuery,Backbone.js和Bootstrap.一般情况下,我们是将这些Web资源拷贝到Java Web项目的webapp相 ...
- websocket之 webjars的介绍
一.webjars的作用 1.1 介绍 WebJars是将web前端资源(js,css等)打成jar包文件,然后借助Maven工具,以jar包形式对web前端资源进行统一依赖管理,保证这些Web资源版 ...
- Spring Boot 框架介绍和使用
本文参考自Spring Boot文档. Spring Boot 简介 Spring框架功能很强大,但是就算是一个很简单的项目,我们也要配置很多东西.因此就有了Spring Boot框架,它的作用很简单 ...
- SpringBoot2-6 Web1-静态资源 默认4个目录,特别是resources 目录, webjars引入和内部资源访问,注意其内部resources目录 HandlerMapping
Web 帮助文档中专列了一个web目录 springboot是框架的框架,实现web仍然是spring mvc 创建一个web项目--基于java8 删除没用的 静态资源目录 /static (or ...
- Spring Boot中使用WebJars
1.WbeJars介绍 WebJars是将Web前端JQuery和Bootstrap等资源打包成Java的Jar包,这样在Java Web开发中我们可以借助Maven这些依赖库的管理. 项目中需要的J ...
- Maven介绍与应用
$文章作者:Tyan 博客:noahsnail.com | CSDN | 简书 1. Maven介绍 Maven这个单词来自于意第绪语(犹太语),意为知识的积累,最初在Jakata Turbi ...
- Themleaf模板基础语法使用介绍
Themleaf模板基础语法使用介绍 项目首页地址:https://blog.csdn.net/weixin_45019350/article/details/108869025 一. Thymele ...
- 【Springboot 入门培训】# 17 WebJars + BootStrap5 常用JS组件应用
在传统的前后一体项目开发中,大部分人会使用到BootStrap加其它JS组件的配合方式来完成页面UI功能的实现.下面介绍几种常用的JS库的使用方法.代码例子下载 目录 1 树形组件 1.1 TreeJ ...
- SpringBoot使用WebJars
本人主要做的是java,但是从第一份工作开始,就一直在做一个写前端又写后端的程序员,相信很多朋友和我一样,不仅要会后台代码,还要懂得很多的前端代码,例如javascipt和css样式. 本文就为大家简 ...
最新文章
- oracle为什么不用指定数据库,两个数据库怎么保持数据正确显示
- B 站校招面试官“炫耀资产、贬低应试者”?当事人发长文回应,北邮学子要求向学校道歉
- 网易2017春招笔试真题编程题集合(5)——魔力手环
- 医学论文论题该如何下手
- VC++得到系统特殊文件夹路径
- VTK:可视化算法之FindCellIntersections
- NVIDIA将全面支持笔记本混合显卡技术
- n1 linux wifi,【教程】N1在EMMC安装LINUX和HASSIO实现智能家居中枢
- (Sublime Text 3)自动跳转到MATLAB运行程序
- MessageBox的用法
- H3C模拟器配置VLAN
- aes key iv从mysql_OpenSSL AES 算法中 Key 和 IV 是如何生成的?
- mac触控板 鼠标中键_如何在Mac的触控板上添加中键
- 渗透之SQL注入-MYSQL常用语法
- 如何把操作系统迁移到新电脑/硬盘
- 【新东郊商城】周年店庆 关注微信,转发微博抽奖品!玩赚乐不停
- 奇怪的小鸭子也增加了
- 女生适合学UI设计吗
- OA项目(MVC项目)
- 菜刀webshell特征分析