β

SpringBoot | 第十八章:web 应用开发之WebJars 使用

Harries Blog™ 121 阅读

前言

前面一章节我们主要讲解了关于 文件上传 的两种方式。本章节继续 web 开发 的相关知识点。通常对于 web开发 而言,像 js css images 等静态资源版本 管理 是比较混乱的,比如 Jquery Bootstrap Vue.js 可能各个前端框架所依赖的自个组件的版本都不尽相同,一不注意就可能引起不同版本的冲突问题。所以,是否有一种像后端管理 jar 包一样的解决方案呢?答案当然是有的,今天我们就来重点介绍下关于 WebJars 的使用。前面我们介绍的 Swagger2 也是基于 webJars 进行页面集成的。

一点知识

原本我们在进行 web 开发时,一般上都是讲静态资源文件放置在 webapp 目录 下,在 SpringBoot 里面,一般是将资源文件放置在 src /main/resources/static 目录下。而在 Servlet3 中,允许我们直接访问 WEB-INF/ lib 下的 jar 包中的 /META-INF/resources 目录资源,即 WEB-INF/lib/{*.jar}/META-INF/resources 下的资源可以直接访问。

SpringBoot | 第十八章:web 应用开发之WebJars 使用 Servlet3静态文件处理-转自网络

所以其实, WebJars 也是利用了此功能,将所有前端的静态文件打包成一个 jar 包,这样对于引用放而言,和普通的 jar 引入是一样的,还能很好的对前端静态资源进行管理。

WebJars使用

WebJars 是将web前端资源(如jQuery & Bootstrap)打成 jar 包文件。借助版本管理工具(Maven、gradle等)进行版本管理,保证这些Web资源版本唯一性。避免了文件混乱、版本不一致等问题。

SpringBoot | 第十八章:web 应用开发之WebJars 使用

WebJar结构

开始使用前,我们看下 Jquery webjars ,借此来了解下 webjars 包的目录结构。以下是基于 jquery -3.3.1.jar:

META-INF
    └─maven
        └─org.webjars.bower
            └─jquery
                └─pom.properties
                └─pom.xml
    └─resources
        └─webjars
            └─jquery
                └─3.3.1
                       └─(静态文件及源码)

SpringBoot | 第十八章:web 应用开发之WebJars 使用

jquery-3.3.1目录结构

作者:Harries Blog™
追心中的海,逐世界的梦
原文地址:SpringBoot | 第十八章:web 应用开发之WebJars 使用, 感谢原作者分享。