SpringBoot使用WebJars统一管理静态资源的方法-6ren

SpringBoot使用WebJars统一管理静态资源的方法

转载作者：qq735679552 更新时间：2022-09-28 22:32:09

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章SpringBoot使用WebJars统一管理静态资源的方法由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

传统管理静态资源主要依赖于复制粘贴，不利于后期维护，为了让大家往后更舒心，让webjars给静态资源来一次搬家革命吧！！。

学习目标。

简单两步！快速学会使用webjars统一管理前端依赖.

快速查阅。

源码下载：springboot webjars learning 。

使用教程。

1、引入相关依赖。

在 webjars官网找到项目中需要的依赖，例如在项目中引入jquery、bootstrap前端组件等。例如:

版本定位工具：webjars-locator-core
前端组件：jquery 、bootstrap

 
    ? 
   
         <dependency><!--webjars版本定位工具（前端）--> 
        
         <groupid>org.webjars</groupid> 
        
         <artifactid>webjars-locator-core</artifactid> 
        
         </dependency> 
        
         <dependency><!--jquery组件（前端）--> 
        
         <groupid>org.webjars</groupid> 
        
         <artifactid>jquery</artifactid> 
        
         <version> 
         3.3 
         . 
         1 
         </version> 
        
         </dependency>

2、访问静态资源。

在浏览器访问静态资源:

快速访问：http://localhost:8080/webjars/jquery/jquery.js （推荐）快速访问：http://localhost:8080/webjars/jquery/3.3.1/jquery.js 。

新手提问:

有小伙伴可能疑问，既然springboot天然支持webjars的静态资源访问，为什么还要额外添加定位工具webjars-locator-core呢?

快速答疑:

主要是为了解决访问webjars静态资源时必须携带版本号的繁琐问题。举个例子，某项目准备将bootstrap 3.3.x 升级到 4.x 大版本，此时除了在pom文件调整之外，还需要大面积的在页面中调整因为版本号变更引起问题的路径，而使用定位器之后无需输入版本号自动定位.

总结。

使用webjars对前端依赖进行统一管理有什么好处呢?

1、静态资源版本化。

传统的静态资源需要自行维护，资源种类繁多，使得项目后期越来越臃肿，维护版本升级也变得困难，而使用webjars方式进行管理后，版本升级问题迎刃而解.

2、提升编译速度。

经测试，使用webjars的方式管理依赖可以给项目的编译速度带来2-5倍的速度提升，还在犹豫的小伙伴快点尝试起来吧！。

3、在webjars官方找不到自己想要的依赖怎么办?

解决办法：将下载好的静态资源目录发布到公司私服仓库即可.

例如：新建一个springboot项目，手工创建目录 meta-inf/resources/ ，将静态资源完整复制进去，然后发布公司maven私服即可。当然，这只是简洁做法，如果想按照打造标准的webjars资源请继续看下方.

4、将静态资源发布成标准的webjars格式怎么弄?

解决办法：以metronic为例发布标准的webjars 资源到公司私服.

webjars发布流程:

1、新建springboot工程然后在src\main\resources\ 新建目录 meta-inf\resources\webjars\metronic 重点来了这里4.1.9 必须跟pom文件的<version>4.1.9</version>保持一致.

。

2、修改pom文件填写项目信息和公司私服地址.

 
    ? 
   
         <?xml version= 
         "1.0" 
         encoding= 
         "utf-8" 
         ?> 
        
         <project xmlns= 
         "http://maven.apache.org/pom/4.0.0" 
         xmlns:xsi= 
         "http://www.w3.org/2001/xmlschema-instance" 
        
         xsi:schemalocation= 
         "http://maven.apache.org/pom/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd" 
         > 
        
         <modelversion> 
         4.0 
         . 
         0 
         </modelversion> 
        
         <!--项目信息--> 
        
         <groupid>org.webjars</groupid> 
        
         <artifactid>metronic</artifactid> 
        
         <version> 
         4.1 
         . 
         9 
         </version> 
        
         <packaging>jar</packaging> 
        
         <name>metronic</name> 
        
         <description>metronic</description> 
        
         <!--维护信息--> 
        
         <developers> 
        
         <developer> 
        
         <name>socks</name> 
        
         <email>https: 
         //github.com/yizhiwazi</email> 
        
         </developer> 
        
         </developers> 
        
         <!--发布地址--> 
        
         <distributionmanagement> 
        
         <repository> 
        
         <id>xx-repo</id> 
        
         <!--这里替换成公司私服地址--> 
        
         <url>http: 
         //127.0.0.1:8088/nexus/content/repositories/thirdparty/</url> 
        
         </repository> 
        
         <snapshotrepository> 
        
         <id>xx-plugin-repo</id> 
        
         <!--这里替换成公司私服地址--> 
        
         <url>http: 
         //127.0.0.1:8088/nexus/content/repositories/thirdparty/</url> 
        
         </snapshotrepository> 
        
         </distributionmanagement> 
        
         </project>

3、在本地maven的配置文件指定公司私服的账号密码.

 
    ? 
   
         <?xml version= 
         "1.0" 
         encoding= 
         "utf-8" 
         ?> 
        
         <settings xmlns= 
         "http://maven.apache.org/settings/1.0.0" 
        
         xmlns:xsi= 
         "http://www.w3.org/2001/xmlschema-instance" 
        
         xsi:schemalocation= 
         "http://maven.apache.org/settings/1.0.0 http://maven.apache.org/xsd/settings-1.0.0.xsd" 
         > 
        
         <localrepository>d:\dev\mvnrepository</localrepository> 
        
         <mirrors> 
        
         <!-- 阿里云仓库 --> 
        
         <mirror> 
        
         <id>aliyun</id> 
        
         <mirrorof>central</mirrorof> 
        
         <name>aliyun-all</name> 
        
         <url>http: 
         //maven.aliyun.com/nexus/content/groups/public/</url> 
        
         </mirror> 
        
         <!-- 中央仓库 
         1 
         --> 
        
         <mirror> 
        
         <id>repo1</id> 
        
         <mirrorof>central</mirrorof> 
        
         <name>human readable name  
         for 
         this 
         mirror.</name> 
        
         <url>http: 
         //repo1.maven.org/maven2/</url> 
        
         </mirror> 
        
         <!-- 中央仓库 
         2 
         --> 
        
         <mirror> 
        
         <id>repo2</id> 
        
         <mirrorof>central</mirrorof> 
        
         <name>human readable name  
         for 
         this 
         mirror.</name> 
        
         <url>http: 
         //repo2.maven.org/maven2/</url> 
        
         </mirror> 
        
         </mirrors>  
        
         <!-- 暂时在发布仓库到 
         213 
         的时候用到--> 
        
         <servers> 
        
         <!-- 仓库地址账号 --> 
        
         <server> 
        
         <id>xx-repo</id> 
        
         <username>admin</username> 
        
         <password> 
         123456 
         </password> 
        
         </server> 
        
         <!-- 插件地址账号 --> 
        
         <server> 
        
         <id>xx-plugin-repo</id> 
        
         <username>admin</username> 
        
         <password> 
         123456 
         </password> 
        
         </server> 
        
         </servers> 
        
         </settings>

4、打开idea->maven->deploy 将项目到公司私服，大功告成.

SpringBoot使用WebJars统一管理静态资源的方法

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我.

原文链接：https://www.jianshu.com/p/66d1b35bcd9d 。

最后此篇关于SpringBoot使用WebJars统一管理静态资源的方法的文章就讲到这里了,如果你想了解更多关于SpringBoot使用WebJars统一管理静态资源的方法的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！。

文章推荐： Java String类用法详解

文章推荐： Java中notify()和notifyAll()的使用区别

文章推荐： Java通过百度API实现图片车牌号识别

文章推荐：如何自定义feign调用实现hystrix超时、异常熔断

logic - 前向链接一阶逻辑(统一)
我正在为期末考试学习，但我无法理解这个 FC 算法: 我理解你标准化每条规则的部分。然后我认为下一行是说对于满足广义 Modus Ponens (p'_iTheta = p_iTheta) 的每个 t
unity3d - 统一，如何使摩擦与运动一起工作
我有一个 3d 世界，它有一个 simpel 平台和一个代表玩家的立方体。当我旋转平台时，立方体会滑动并按照您预期的方式执行，增加和减少物理 Material 中的摩擦力。我希望立方体在输入例如 f
unity3d - 加载我的场景时发生未知错误。统一
所以我的 Unity 项目有一个大问题。我昨天工作，我没有做备份今天，在我打开项目后，我的笔记本电脑因电池电量不足而关机。之后，当我进入项目时，我得到了这个:加载“Assets/MyScene.uni
haskell - 列表推导中的“统一”
好的，我正在尝试创建一个函数来确定元组列表是否是可传递的，即如果 (x,y) 和 (y,z) 在列表中，那么 (x,z) 也在列表中。例如，[(1,2), (2,3), (1,3)]是传递的。现在
c# - 移动窗口切换时如何保持时间引用？ (统一)
这个问题在这里已经有了答案: How to pass data between scenes in Unity (5 个回答) 9 个月前关闭。我有一个游戏，我有一个队列匹配系统。我想向玩家展示他
java - JDK目录未设置或无效(统一)？
我现在正在为我的游戏创建一个 keystore (统一)但是当我按下添加键按钮时，会弹出一个错误 Java Development Kit (JDK) directory is not set or
android - Cardboard的YouTube视频流(统一)
我想将YouTube流视频放入Cardboard(适用于Android和iOS)应用中。我知道这些插件可以执行类似的操作，例如“Easy Movie Texture”，但它们不支持YouTube流媒体
unity3d - 统一。关节角度限制是什么意思？
我需要限制 ConfigurableJoint 的目标旋转以避免关节变形或破坏。为了了解角度限制的工作原理，我做了一个实验。在场景中放置一个人形模型。为骨骼添加ConfigurableJoint
regex - 人工智能匹配，统一
尝试实现一种有限形式的匹配统一。尝试匹配两个公式匹配如果我们能找到替代出现在公式中的变量使得两者在句法上是等价。我需要写一个函数来判断一个对应于基本项的常数，例如 Brother(George)
c# - 用电子邮件发送日志文件？统一
我正在使用 Unity 和 C#我想在运行时将输出日志文件发送到我的电子邮件，我使用了来自 this question 的 ByteSheep 答案和来自 this question 的 Arkane
c# - 统一，加电碰撞问题
关闭。这个问题需要debugging details .它目前不接受答案。编辑问题以包含 desired behavior, a specific problem or error, and th
c# - 如何在单击游戏对象时创建菜单？ (统一)
我希望能够将鼠标悬停在游戏对象(代理)上并在右键或左键单击时创建一个类似于 Windows 右键单击菜单的 float 菜单。我试过结合使用 OnGUI() 和 OnMouseOver() 但我要
c# - 统一 - 在特定时间后改变场景
我正在为 oculus Gear VR 开发游戏(考虑内存管理)，我需要在特定时间(以秒为单位)后加载另一个屏幕 void Start () { StartCoroutine (loadSce
javascript - 统一/如何设置敌人生成的限制？
我设法生成了敌人，但它们一直在生成。如何设置限制，避免不断生成？我已经尝试添加 spawnLimit 和 spawnCounter 但无法让它工作。 var playerHealth = 100;
c# - 统一(对象名称与游戏对象)
我正在参加使用 Unity 进行游戏开发的在线类(class)，讲师有时会含糊不清。我的印象是使用游戏对象与使用游戏对象名称(在本例中为 MusicPlayer)相同，但是当我尝试将 MusicPla
c# - 统一;随机物体运动
关闭。这个问题需要更多focused .它目前不接受答案。想改进这个问题吗？更新问题，使其只关注一个问题 editing this post . 关闭 6 年前。 Improve this qu
java - 统一 - 无限的结果
为了好玩，我正在(用 Java)开发一个使用统一算法的应用程序。我选择了我的统一算法返回所有可能的统一。例如，如果我尝试解决添加(X，Y)=成功(成功(0)) 返回 {X = succ(succ(
c# - 统一。一定时间后的函数调用
如何让对象在一段时间后不可见(或只是删除)？使用 NGUI。我的示例(更改): public class scriptFlashingPressStart : MonoBehaviour {
c# - 找不到类型或命名空间名称 'NUnit' |统一
我有下一个错误: The type or namespace name 'NUnit' could not be found (are you missing a using directive or
android - 如何以编程方式将 autoSizeTextType 统一？
这是可以做到的但是属性 autoSizeTextType 只能用于 API LEVEL >= 26，并且 Android Studio 会显示有关该问题的烦人警告。为了摆脱这个问题，我想以编程方

qq735679552

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

SpringBoot使用WebJars统一管理静态资源的方法