WebJars是一个很神奇的东西,可以让大家以jar包的形式来使用前端的各种框架、组件。

什么是WebJars

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

为什么使用

我们在开发Java web项目的时候会使用像Maven,Gradle等构建工具以实现对jar包版本依赖管理,以及项目的自动化管理,但是对于JavaScript,Css等前端资源包,我们只能采用拷贝到webapp目录下的手工方式,这样做就无法对这些资源进行依赖管理。而且容易导致文件混乱、版本不一致等问题。那么WebJars就提供给我们这些前端资源的jar包形式,我们就可以进行依赖管理

WebJars是将这些通用的Web前端资源打包成Java的Jar包,然后借助Maven工具对其管理,保证这些Web资源版本唯一性,升级也比较容易。关于webjars资源,有一个专门的网站http://www.webjars.org/,我们可以到这个网站上找到自己需要的资源,在自己的工程中添加入maven依赖,即可直接使用这些资源了

如何使用

1、 WebJars主官网 查找对于的组件,比如Vuejs

<dependency><groupId>org.webjars.bower</groupId><artifactId>vue</artifactId><version>1.0.21</version>
</dependency>

2、页面引入

<link th:href="@{/webjars/bootstrap/3.3.6/dist/css/bootstrap.css}" rel="stylesheet"></link>

就可以正常使用了!

三种应用webjars的方式

在webjars的网站中,讲到了三种应用webjars的方式,分别为NPM WebJars、Bower WebJars、Classic WebJars,上述方法属于Classic Webjars方式。


出处:

www.ityouknow.com

https://www.cnblogs.com/mingziday/p/4748534.html

WebJars简介 —— 前端资源的jar包形式相关推荐

  1. WebJars——web端静态资源的jar包

    1.WebJars介绍 Web前端使用了越来越多的JS或CSS,如jQuery,Backbone.js和Bootstrap.一般情况下,我们是将这些Web资源拷贝到Java Web项目的webapp相 ...

  2. WebJars——web端静态资源打jar包

    WebJars是将web前端资源(js,css等)打成jar包文件,然后借助Maven工具,以jar包形式对web前端资源进行统一依赖管理,保证这些Web资源版本唯一性.WebJars的jar包部署在 ...

  3. Eclipse中将java类打成jar包形式运行

    记录一次帮助小伙伴将java类打成jar包运行 1.创建java project项目 file > new > project > java project 随便起一个项目名称,fi ...

  4. java jar包 资源_java jar包资源下载

    jar包有:commons-httpclient-3.1,commons-io-2.4,commons-io-2.6,commons-lang-2.5,commons-logging-1.2,curv ...

  5. IM开放平台的客户端接口设计,千牛用了JAR包形式?

    千牛最早SDK封装了所有的数据交换,也就是ISV不论是Native还是H5,都会通过千牛底层和远端做数据交换(这和业内已有的开放平台模式直接调用不同),当时是出于安全策略的需要,但这层的代理却给这种优 ...

  6. SpringBoot前后端分离项目中如何制作前端jar包(类似swaggerUI前端jar包制作方法)

    SpringBoot前后端分离项目中如何制作前端jar包(类似swaggerUI前端jar包制作方法) 可用于SpringBoot引用的前端UI的Jar包,类似于SwaggerUI包 WABJAR介绍 ...

  7. 从jar包中读取资源文件

    :[解惑]深入jar包:从jar包中读取资源文件 精华帖 (3) :: 良好帖 (15) :: 新手帖 (9) :: 隐藏帖 (0) 作者 正文 Heart.X.Raid 等级: 性别: 文章: 72 ...

  8. [Java基础] 深入jar包:从jar包中读取资源文件

    转载: http://hxraid.iteye.com/blog/483115?page=3#comments 我们常常在代码中读取一些资源文件(比如图片,音乐,文本等等).在单独运行的时候这些简单的 ...

  9. 深入jar包:从jar包中读取资源文件

    我们常常在代码中读取一些资源文件(比如图片,音乐,文本等等).在单独运行的时候这些简单的处理当然不会有问题.但是,如果我们把代码打成一个jar包以后,即使将资源文件一并打包,这些东西也找不出来了.看看 ...

最新文章

  1. MFC的“不知从哪调用”的消息处理函数
  2. docker错误 /usr/bin/docker-current: No port specified: xxx:empty
  3. 翻译: Oralce官方文档-- Data Blocks, Extents, and Segments
  4. 解决spring boot项目启动后访问接口出现日志乱码
  5. VTK:几何对象之Line
  6. UVA208Firetruck 消防车(图的路径搜索)
  7. Ubuntu install mysql
  8. ThinkPHP项目笔记之RBAC(权限)补充篇
  9. 8086汇编复习2 - 使用emu8086
  10. Redis安装基本步骤
  11. QQ浏览器 不支持html5,浏览器常见问题_浏览器高级功能_浏览器在线帮助-QQ浏览器官网...
  12. 怎么删除android系统自带软件,手机系统自带的那些软件不用却卸载不了,怎么办?...
  13. 【随便做做|线段树】POJ3667 Hotel
  14. python大数据工程师薪资待遇_2019年就业薪资,凭什么大数据工程师遥遥领先?...
  15. 运用简单的HTML、CSS建立一个音乐网站模板
  16.  一个复数可以用实部和虚部两部分组成,a1 = 1.2 + 3.4i,其中1.2是实部,3.4是虚部。定义一个结构体ComplexNumber,包含imaginary和real两个成员变量,能够表示
  17. 帷幄匠心 c++ qt岗位,一二三四面 2个半小时
  18. 为Halide安装opencl支持
  19. 查找数组中重复的元素
  20. 牛市股票还会亏钱? 外观模式

热门文章

  1. android打印 编辑并打印 word
  2. WeX5 BeX5 页面框架核心之数据绑定2021-11-15
  3. [Latex] 在公式环境下报错:Misplaced alignment tab character .
  4. 仙剑5计算机丢失,win10运行仙剑5提示缺少d3dx9_30.dll如何修复
  5. [7]深入浅出工作开源框架Camunda: camunda-webapp 用户登录功能代码分析
  6. 静态编译出错的解决办法 undefined reference to `clock_gett...
  7. 推荐系统(一)推荐系统整体概览
  8. 01.Node.JS 命令行窗口
  9. 惊闻!港媒:中国首艘航母海试时间延后1个月(图)
  10. ERR_REQUIRE_ESM