springboot webjars

2024-05-13 00:03:58

Spring_Boot专栏
上一篇	主目录	下一篇

目录

1 WebJars简介
2 如何使用
3 自定义webjar

【前言】
WebJars可以让大家以jar包的形式来使用前端的各种框架、组件。官网地址

1 WebJars简介

什么是WebJars？
WebJars是将客户端（浏览器）资源（JavaScript，Css等）打成jar包文件，以对资源进行统一依赖管理。WebJars的jar包部署在Maven中央仓库上。WebJars是将这些通用的Web前端资源打包成Java的Jar包，然后借助Maven工具对其管理，保证这些Web资源版本唯一性，升级也比较容易。关于webjars资源，有一个专门的网站http://www.webjars.org/，我们可以到这个网站上找到自己需要的资源，在自己的工程中添加入maven依赖，即可直接使用这些资源了。

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

2 如何使用

1、 WebJars主官网查找对于的组件，比如jquery 3.3.1。其maven的依赖配置如下所示，将依赖配置添加到pom.xml文件中

<dependency><groupId>org.webjars</groupId><artifactId>jquery</artifactId><version>3.3.1</version>
</dependency>

2、页面引入：在访问的时候只需要写webjars下面资源的名称即可（从webjars开始写路径，这静态资源会自动映射，所有的webjars都去classpath:/META-INF/resources/webjars下找资源）

<script th:src="@{/webjars/jquery/3.3.1/jquery.js}"></script>

3 自定义webjar

官网上面已经有很多热门webjar，但有时候还是不能满足我们的需要，我们需要自己打包WebJar
自定义webjar包的打包和使用

springboot webjars相关推荐

SpringBoot - WebJars
SpringBoot - WebJars [1]是什么 WebJars是将web前端资源(js,css等)打成jar包文件,然后借助Maven工具,以jar包形式对web前端资源进行统一依赖管理,保证 ...
【Springboot 入门培训】#14 WebJars 样式包BootStrap 5架构
通过Mave加载前端常用的bootstrap,jquery框架js包,这些js都封装在java中的jar包中,我们通过引入jar包的方式将前端样式导入到工程中,这样就不用在Spring boot工程中 ...
【Springboot 入门培训】# 17 WebJars + BootStrap5 常用JS组件应用
在传统的前后一体项目开发中,大部分人会使用到BootStrap加其它JS组件的配合方式来完成页面UI功能的实现.下面介绍几种常用的JS库的使用方法.代码例子下载目录 1 树形组件 1.1 TreeJ ...
【SpringBoot】使用Maven添加jQuery、bootstrap等依赖（WebJars）
SpringBoot 使用 WebJars 统一管理静态资源 WebJars - 官网推荐使用Webjars的三大理由: 将静态资源版本化,更利于升级和维护. 剥离静态资源,提高编译速度和打包效率. ...
springboot项目通过gradle制作webjars
本文目录什么是webjars? 通过gradle引入webjars依赖使用原理 maven制作webjars 通过gradle制作webjars并发布到本地大功告成!赶紧实现自己的webjar ...
SpringBoot静态资源和WebJars
SpringBoot静态资源目录默认情况下,Spring提供了如下几个静态资源目录: 目录说明 /static classpath:/static/ /public classpath:/publ ...
springboot访问不到 webjars里的css
错误截图前因: 课程是按照雷丰阳老师的springboot视频学习的,他使用的是springboot1.x的版本,我是用的是2.x的版本,在2.0时课程中有一个关键类WebMvcConfigurer ...
SpringBoot使用WebJars
本人主要做的是java,但是从第一份工作开始,就一直在做一个写前端又写后端的程序员,相信很多朋友和我一样,不仅要会后台代码,还要懂得很多的前端代码,例如javascipt和css样式. 本文就为大家简 ...
springboot集成webjars
webjars的作用就不说了,直接在项目中使用引入依赖:在官网https://www.webjars.org/引入需要的依赖,如jquery等 <dependency><group ...

最新文章

热门文章