webjar使用方式

  • 前言
    • webjar官网
    • 我的pom.xml
    • 导入webjar
    • 引用webjar

前言

由于我在写项目时候,发现不断导入js 太过于繁琐,所以我创建多项目工程时候多加了一个webjar模块,里面只有一个pom.xml方便我管理webjar

webjar官网

https://www.webjars.org/
需要什么去官网找对应的maven即可

我的pom.xml

    <dependencies><!--webjar laiyui--><dependency><groupId>org.webjars</groupId><artifactId>layui</artifactId><version>2.5.5</version></dependency><!--        webjar --><dependency><groupId>org.webjars</groupId><artifactId>jquery</artifactId><version>3.4.1</version></dependency><!--webjar font-awesome--><dependency><groupId>org.webjars.bower</groupId><artifactId>font-awesome</artifactId><version>4.7.0</version></dependency><dependency><groupId>org.webjars</groupId><artifactId>jquery-ui</artifactId><version>1.12.1</version><exclusions><exclusion><artifactId>jquery</artifactId><groupId>org.webjars</groupId></exclusion></exclusions></dependency></dependencies>

导入webjar

首先你会发现你不知道如何引用这个资源,首先让我们了解一下springboot对webjar是如何处理的

  • 首先对于一个从未接触的框架我们搜索一下webjar这个关键字看看能出现什么
  • 我们可以发现这个类里有一个webjar的位置,可以大体推断出这应该是一个映射地址,这个类就是控制静态资源的一个东西
  • 然后我们看看WebMvcAutoConfiguration这个类,这个类听名字就是用来配置mvc的,通过直接翻译下面几个单词,推断出我们使用地址一定是/webjar开头的

引用webjar

假设我导入了layui

      <dependency><groupId>org.webjars</groupId><artifactId>layui</artifactId><version>2.5.5</version></dependency>

你会发现依赖这里会出现一个这样的目录结构

我们要引用时候就要加上开头/webjar,然后对应这个目录需要哪个文件,就引入哪个即可

webjar的详细使用方式相关推荐

  1. mysql中or详细使用方式(Mysql之and和or混合使用) MES

    mysql中or详细使用方式(Mysql之and和or混合使用) 在mysql中,经常会遇到这样的情况,在写条件语句where时,可能会同时有多个条件的"或"或者"与&q ...

  2. iOS开发学习专题-基础知识(一)NSString NSMutableString NSRange NSNotFound详细使用方式

    本文主要讲解的是不可变字符串NSStringNSString可变字符串NSMutableStringNSRangeNSNotFound详细使用方式 近期主要做的是iOS开发基础知识Objective- ...

  3. win10msmpeng占内存_小编详解win10一开机内存就占了5g的详细处理方式

    我们在操作电脑系统的过程中可能就会遇到win10一开机内存就占了5g的问题,这个win10一开机内存就占了5g问题还难到了一些平时很懂win10的网友,要是你想马上解决win10一开机内存就占了5g的 ...

  4. 虚拟机Centos7无法ping通百度的详细解决方式(详细有效)

    我在这个问题上花费了很多时间,弄了好久才弄懂,所以现在把我自己的总结写下来,希望能帮助到遇到同样问题的人,可以少花点时间,也能把虚拟机的网络环境配置给弄好. 目录 问题描述:虚拟机无法ping通百度的 ...

  5. 我们用最详细的方式解析Android消息机制的源码,含小米、腾讯、阿里

    历时半年,我们终于整理出了这份市面上最全面的最新Android面试题解析大全! 章节目录 第一章:Android 基础 面试题 第二章:Android 高级 面试题 第三章:开源框架实战面试解析 第四 ...

  6. 什么是对象的消息_这一次,我们用最详细的方式解析Android消息机制的源码

    Handler源码解析 一.创建Handler对象 使用handler最简单的方式:直接new一个Handler的对象 Handler handler = new Handler(); 所以我们来看看 ...

  7. 全网最简单明了的MySQL连接Eclipse方法(JDBC详细安装方式及简单操作)2020新版

    Step 1 你得有Eclipse 没有出门右拐,我教不了你. Step 2 你得有Mysql MySQL的详细安装过程,我在另一篇博客中给出.戳我 Step 3 安装JDBC 可以去官网下,如果用的 ...

  8. 光端机连接示意图详细连接方式图解

    光端机在监控安防领域可以说是应用非常广泛,那么我们在使用光端机的过程中该如何连接呢?在连接的过程中需要注意些什么事项呢?接下来就由杭州飞畅科技的小编来为大家分享下几款典型的光端机连接方法详细图解介绍和 ...

  9. 8种css居中实现的详细实现方式了

    这是一篇关于居中对齐方式的总结 开篇之前,先问一下大家都知道几种居中的实现方式? 面试时答出来两三个就不错了,就怕面试官还让你继续说.今天就来总结一下这些居中的方式 使用flex布局设置居中. 使用f ...

最新文章

  1. Flash使用域内存api的MD5,速度超快!
  2. 修改 keystore密码
  3. WINCE viewbin命令
  4. C#中提示:当前上下文中不存在名称“ConfigurationManager”
  5. sqlserver 中统计信息语句
  6. IOCP不可忽视的细节
  7. hwt字体转换ttf_五分钟教你弄懂了字体反爬是个啥
  8. 《解剖PetShop》系列之三
  9. 庆大学校计算机系,张丽霞(加州大学洛杉矶分校计算机系教授)_百度百科
  10. 【TODO】HTML label
  11. 容器技术Docker K8s 3 容器技术基础-Docker
  12. Unity 单元测试(NUnit,UnityTestTools)
  13. 简易留言板HTML+JS代码
  14. Elsevier(爱思唯尔)论文模板下载地址及说明
  15. 复杂网络作业四:第三题——随机图、小世界网络和真实网络的度分布
  16. mac序列号生成主板号_如何查找Mac的序列号(即使您没有Mac也是如此)
  17. 网络爬虫单线程的实现
  18. linux 的 ping 原理
  19. Java编写ATM取款机,实现各项功能
  20. 我的智能物联网硬件之路--电子价签

热门文章

  1. NEC红外线解码协议
  2. PLM系统能给企业带来什么
  3. 5 torch.utils.data (Dataset,TensorDataset,DataLoader)
  4. handlebars.js_Handlebars.js入门指南
  5. USB摄像头图片采集+QT显示(二)
  6. 核心之争——GPU云服务器和CPU云服务器的对比
  7. 手机app开发需要哪些技术?
  8. 精通spring4.x 非扫描_巫师财经退出b站的争议,怎样评论才能显得比较精通合同法...
  9. 湍流 Spectrum 与 Cascade 的理解
  10. BLDC控制方案简介