SpringBoot项目搭建:使用WebJars统一管理静态资源

【SpringBoot】使用Maven添加jQuery、bootstrap等依赖(WebJars) SpringBoot 使用 WebJars 统一管理静态资源 WebJars - 官网 推荐使用Webjars的三大理由: 将静态资源版本化,更利于升级和维护。 剥离静态资源,提高编译速度和打包效率。 实现资源共享,有利于统一前端开发。 比如,要添加 jQuery,只需要在pom.xml添加依赖: <!--引入jquery-webjar 在访问的时候只需要写 webjars下面资源的名... 阅读详情

1. 推荐理由

  • 将静态资源版本化,便于维护升级
  • 剥离静态资源,提高编译速度和打包效率
  • 实现资源共享,有利于统一前端开发

2. 使用教程

  • 引入相关依赖
    • 登陆webJars官网找到相应依赖
    • 加入依赖到pom.xml文件中,如下
        <!-- WebJars下载静态资源依赖 -->
        <!-- Webjars版本定位工具(前端)-->
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>webjars-locator-core</artifactId>
        </dependency>
        <!-- Jquery组件(前端)-->
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>jquery</artifactId>
            <version>3.4.0</version>
        </dependency>
        <!-- Bootstrap组件(前端)-->
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>bootstrap</artifactId>
            <version>4.3.1</version>
        </dependency>

3. 访问静态资源

目录结构:
在这里插入图片描述
查看是否可以访问。

SpringBoot静态资源映射 在Web 应用中会涉及到大量的静态资源,例如:JS、CSS、HTML、图片等等。我们知道,Spring MVC 导入静态资源文件时,需要配置静态资源的映射;但在Spring Boot 中则不需要进行此项配置,因为 Spring Boot 已经默认完成了这一工作。Spring Boot为什么提供三种静态资源映射的规则:在传统的web应用中,通常会使用大量的JS和CSS,例如:Jquery.js、Bootstrap.css等等,通常需要将这些web资源拷贝到Java Web 项目的 webapp 相应目录下进行 阅读详情

相关推荐

webjars-locator-core:Webjars-locator 核心功能

webjars-定位器 该项目提供了一种在 WebJars 中定位资产的方法。 获取资产的完整路径 WebJarAssetLocator locator = new WebJarAssetLocator(); String fullPathToRequirejs = locator.getFullPath("require.js"); 获取基本文件夹中的所有资产 WebJarAssetLocator locator = new WebJarAssetLocator(); Set<String> fullPathsOfAssets = locator.listAssets("/multiple/1.0.0"); 高级用法 定位器还可以配置类加载器,用于查找资源并过滤应包含用于搜索的资源类型。 请访问源代码以获取更多信息。

spring boot 2.3.4 从源码分析到组件扩展(一)

spring boot源码分析(一) 一、静态资源配置: spring boot的静态资源配置有三种方式: 1.1、静态资源存放位置 在spring boot 种静态资源存放在位置有三种: 在WebMvcAutoConfiguration类下,有静态资源的默认配置 第一种:使用静态资源的依赖 ​ 在pom.xml文件种导入静态资源依赖后,会加载静态资源的jar包,jar包的webjars文件夹便是静态文件的存放位置 要为Webjars使用版本无关的URL,请添加webjars-locator-co

WuHuaRou123的博客 853

告别浏览器崩溃!EasyPlayer.js长时间播放FLV视频内存泄漏排查指南

本文针对EasyPlayer.js长时间播放FLV视频导致浏览器内存泄漏和崩溃的问题,提供了一套系统性排查与解决方案。核心策略包括将视频编码从H.265转为H.264以降低解码压力,以及将传输协议从HTTP-FLV切换至WebRTC以优化资源管理。文章还详细介绍了播放器实例生命周期管理、浏览器开发者工具监控等精细化排查手段,帮助开发者实现稳定、长时间的多路视频播放。

weixin_29229055的博客 170

SpringBoot-关于静态资源的访问,这才是正确的姿势

使用SpringBoot搭建web项目时静态资源的访问必然是一个需要考虑的问题,不过SpringBoot在对于静态资源访问的问题上已经做了很好的支持,下面就静态资源访问的正确姿势进行说明。 一、静态资源配置 SpringBoot默认从以下几个目录访问静态资源: /META-INF/resources/ /resources/ /static /public/ 以上4个默认目录中如果存在...

zcb1592781470的博客 1046

Hive SQL零基础到精通:100道练习题+答案,SQL能力快速提升

我将以我15年架构与开发的经验,带领大家从零基础到精通,通过精心设计的100道练习题及其详解,系统地、深度地掌握Hive SQL的核心精髓。它可以将结构化的数据文件映射为一张数据库表,并提供了一套类SQL的查询语言——HiveQL(简称HQL),允许熟悉SQL的用户直接查询存储在HDFS上的海量数据。它将Job描绘为DAG(有向无环图),允许更灵活的任务编排,避免不必要的中间落盘,可以复用容器,从而大幅降低延迟。希望你以此文为起点,在广阔的大数据世界里继续遨游,成为一名真正的数据高手!

架构师的AI之路,分享AI应用开发架构的学习与实践。 797

abaqus wcm插件下载_Abaqus随机短纤维增强复合材料建模插件

文末附Abaqus随机短纤维增强复合材料建模插件下载链接前言短纤维增强复合材料相对于长纤维增强复合材料来说更容易制备,且短纤维的填充性能略有改善,可制造复杂产品,广泛应用于车辆、航空航天、建筑等行业,对短纤维增强复合材料进行细观力学分析,可对其宏观力学性能进行预测、分析破坏机理等。接下来对随机短纤维增强复合材料建模插件进行介绍。NO.1 【算法简介】难点一:此插件核心在于判断生成的纤维是...

weixin_39974882的博客 2833

SpringBoot——静态资源访问的四种方式

1.默认的静态资源目录 /static /public /resources /META-INF/resources 动态资源目录:/templates 2.resources静态资源目录图片存放 3. 静态资源目录访问 3.1.通过路径访问静态资源 http://localhost:8080/a.jpg http://localhost:8080/b.jpg http://localhost:8080/c.png htt...

zh_tnis的博客 1万+

用Python爬取公众号历史所有文章,看这篇就够了

手把手教你爬取公众号历史所有文章

u010522887的专栏 1万+

Spring Boot 静态资源映射(十)

通过以上源码可知,WebJars 的映射路径为“/webjars/**”,即所有访问“/webjars/**”的请求,都会去“classpath:/META-INF/resources/webjars/”查找 WebJars 前端资源。WebJars 可以将 Web 前端资源(JS,CSS 等)打成一个个的 Jar 包,然后将这些 Jar 包部署到 Maven 中央仓库中进行统一管理,当 Spring Boot 项目中需要引入 Web 前端资源时,只需要访问。一、WebJars映射。......

qq_21370419的博客 440

手把手教你玩转AT32F403A位带操作:像51单片机一样控制GPIO

本文详细介绍了如何在雅特力AT32F403A国产MCU上实现位带操作,像51单片机一样高效控制GPIO。通过实战演示和性能对比,展示了位带操作在实时控制中的优势,包括更快的执行速度和更低的延迟,特别适合工业控制和电机驱动等场景。

weixin_29234509的博客 285

STM32N6570-DK ISP调试

将下载线接入STLINK V3EC接口,将BOOT1拨码拨至右边,即将其置为H,上电或已经上电的按复位,打开STM32CubeProgrammer,设置start address:0x70000000。板子消耗电流较大,即使缩短数据线接了USB供电依然不能正常点亮显示屏,最终通过板上CN2端子加了外部5V供电,仍然需要560mA的外部电流。3.烧录bin文件:STM32N6_ISP_IQTune_App_revC01-v1.1.0-trusted.bin。

liu的博客 1063

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

推荐使用Webjars的三大理由: 将静态资源版本化,更利于升级和维护。 剥离静态资源,提高编译速度和打包效率。 实现资源共享,有利于统一前端开发...

chuifuhuo6864的博客 480

华为OD机试双机位C卷:补种未成活胡杨 (C/C++/Py/Java/Js/Go)

华为OD机试双机位C卷 补种未成活胡杨,提供C语言、Java、C++、Python、Go、JavaScript源码实现,并提供完整思路讲解。华为OD机试 - 补种未成活胡杨。

qq_45776114的博客 4001

springboot和WebJars结合

什么是WebJars? WebJars是一个很神奇的东西,可以让大家以jar包的形式来使用前端的各种框架、组件。 WebJars是将客户端(浏览器)资源(JavaScript,Css等)打成jar包文件,以对资源进行统一依赖管理。WebJars的jar包部署在Maven中央仓库上。 WebJars是打包到JAR(Java Archive)文件中的客户端Web库(例如jQuery和Bootstrap...

weixin_41490593的博客 1246

全局–局部傅里叶神经算子(GL-FNO):原理、严格推导与 PINN 混合策略

本文提出了一种全局-局部傅里叶神经算子(GL-FNO)及其与物理信息神经网络(PINN)的结合方法。主要内容包括: 架构设计:GL-FNO包含两个分支 - 全局分支处理低频结构,使用下采样输入;局部分支处理高频细节,使用全分辨率输入。两分支通过自适应门控机制融合。 理论分析:证明了GL-FNO在"低频全局+高频局部"任务上的优势,给出了误差分解和复杂度分析,并推导了与PINN结合时的渐进一致性条件。 实现方法:采用频谱微分计算物理残差,推导了完整的训练流程,包括数据损失与物理损失的联合优

VectorShift的博客 1330

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

SpringBoot-整合webjars静态资源统一管理

maven依赖管理JAR资源: 他能进行js、css文件库进行maven依赖管理,能像一般的jar包一样进行管理,对于js、css版本的更新一类的会比较好。 《WebJars官网》 1、优点 1.1、 静态资源版本化管理 传统的静态资源需要自行维护,资源种类繁多,使得项目后期越来越臃肿,维护版本升级也变得困难, 而使用WebJars方式进行管理后,版本升...

AI技术改变世界 611

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

ie引入本地静态js 为空_SpringBoot 使用WebJars统一管理静态资源

推荐使用Webjars的三大理由:将静态资源版本化,更利于升级和维护。剥离静态资源,提高编译速度和打包效率。实现资源共享,有利于统一前端开发。学习目标简单两步!快速学会使用WebJars统一管理前端依赖。使用教程一、引入相关依赖首先在 WebJars官网 找到项目所需的依赖,例如在pom.xml引入 jQuery、BootStrap前端组件等。例如:版本定位工具:webjars-locator-c...

weixin_31303743的博客 212

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

Thymeleaf语法webjars使用

Thymeleaf概述 Thymeleaf是一个Java模板引擎,支持html、xml、text、javascript、css、raw这几种模型。 使用Thymeleaf首先需要引入命名空间 <html xmlns:th="http://www.thymeleaf.org"> 基本使用方法 引用web静态资源 Thymeleaf通过”@{}”来引用web静态资源,例如: <script th:src="@{bootstrap/js/boostrap.min.js}">.

m0_46425463的博客 802

SpringBoot静态资源的访问

本文转载于:https://www.jianshu.com/p/d40ee98b84b5 在我们开发Web应用的时候,会用到大量的js、css、image、html等静态资源资源。 静态资源映射 默认情况下,我们只需要将静态资源放在一下几个目录中就可以直接通过url在浏览器中访问了。 /META-INF/resources/ /resources/ /static/ /public/ 如果这四个目录中有相同的静态资源文件,那么优先访问哪个目录下面的资源啊? 静态资源的默认访问优先级:/META-INF/r

noibug的博客 3808

spring boot 对多模块多网站项目利用webjars共用网站js/css等静态资源文件

前言 对于开发多个网站而言,每次都要手动将js/css/images复制过去是很烦的事情,尤其是js等修改以后要人工逐个更新那就更麻烦了。 下面就是解决这个问题的方案,请先参考: 打包WebJar实现对静态资源文件的统一依赖管理 下面是摘抄: 96 年少懵懂丶流年梦 0.1 2018.08.15 09:29 字数 499 阅读 466评论 0喜欢 1 WebJars的发布以及使用 http:...

一名普通码农的菜地 4452

springboot webjars

Spring_Boot专栏 上一篇 主目录 下一篇 目录1 WebJars简介2 如何使用3 自定义webjar 【前言】 WebJars可以让大家以jar包的形式来使用前端的各种框架、组件。官网地址 1 WebJars简介 什么是WebJars? WebJars是将客户...

ShaneHolmes 951

SpringBoot - WebJars

【1】是什么 WebJars是将web前端资源(js,css等)打成jar包文件,然后借助Maven工具,以jar包形式对web前端资源进行统一依赖管理,保证这些Web资源版本唯一性。WebJars的jar包部署在Maven中央仓库上。 官网地址 : https://www.webjars.org/ 【2】WebJars使用 在官网首页,找到资源文件对应的maven依赖,写入项...

小小默:进无止境 4106

SpringBoot静态资源加载

springBoot项目静态资源静态资源项目中默认静态资源加载顺序自定义静态资源加载顺序加载webjars文件项目首页 静态资源 项目中默认静态资源加载顺序 静态资源存放则我们html、js、img等静态文件。 加载顺序是resources目录下的resources、static 、public的优先级进行。 从源码中可以看到我们我们默认加载顺序是就是这样设定。 自定义静态资源加载顺序 在配置文件中指定加载路径就可以了spring.web.resources.static-locations=class

qq_15592789的博客 650

SpringBoot2.0(二):WebJars的使用

WebJars:一、优点:二、官网:三、使用:1、首先在 WebJars官网 找到项目所需的依赖:2、复制到pom.xml中:3、访问静态资源4、html页面引用 一、优点: 1、将静态资源版本化,更利于升级和维护。 2、剥离静态资源,提高编译速度和打包效率。 3、方便静态文件的统一管理。 二、官网: https://www.webjars.org 三、使用: 1、首先在 WebJars官网 ...

小飞技术 790
上一篇: Springboot项目搭建:Mybatis-generator配置文件mybatisgenerator.xml模板
下一篇: 解决方案:给对象添加@Autowired时,提示Could not autowire. No beans of '
lijwen
博客等级 码龄10年 69粉丝 63原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值