SpringBoot之前端文件管理

WebJars能使Maven的依赖管理支持OSS的JavaScript库/CSS库,比如jQuery、Bootstrap等。  (1)添加js或者css库 pom.xml 

Xml代码  

<dependency>  
 <groupId>org.webjars</groupId>  
 <artifactId>bootstrap</artifactId>  
 <version>3.3.7-1</version>  
</dependency>  
<dependency>  
 <groupId>org.webjars</groupId>  
 <artifactId>jquery</artifactId>  
 <version>3.1.1</version>  
</dependency>  

src/main/resources/static/demo.html 

Html代码  

<html>  
 <head>  
 <script src="/webjars/jquery/3.1.1/jquery.min.js"></script>  
 <script src="/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js"></script>  
 <title>WebJars Demo</title>  
 <link rel="stylesheet" href="/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css" />  
 </head>  
 <body>  
 <div class="container"><br/>  
 <div class="alert alert-success">  
 <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>  
                Hello, <strong>WebJars!</strong>  
 </div>  
 </div>  
 </body>  
</html>  

启动应用后可以看到以下log: 

引用

2017-02-09 13:52:48.117  INFO 6188 --- [           main] o.s.w.s.handler.SimpleUrlHandlerMapping  : Mapped URL path [/webjars/**] onto handler of type [class org.springframework.web.servlet.resource.ResourceHttpRequestHandler]

启动应用访问 http://localhost:8080/demo.html 

(2)省略版本号 很少在代码中硬编码版本号,所以需要隐藏它。  pom.xml添加webjars-locator  org.springframework.web.servlet.resource.WebJarsResourceResolver 

Java代码  

<dependency>  
    <groupId>org.webjars</groupId>  
    <artifactId>webjars-locator</artifactId>  
    <version>0.31</version>  
</dependency>  

src/main/resources/static/demo.html 

引用

<script src="/webjars/jquery/3.1.1/jquery.min.js"></script> 
<script src="/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js"></script> 
<title>WebJars Demo</title> 
<link rel="stylesheet" href="/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css" /> 

-> 

<script src="/webjars/jquery/jquery.min.js"></script> 
<script src="/webjars/bootstrap/js/bootstrap.min.js"></script> 
<title>WebJars Demo</title> 
<link rel="stylesheet" href="/webjars/bootstrap/css/bootstrap.min.css" />

启动应用再次访问 http://localhost:8080/demo.html 结果和上边一样。  引入的开源JavaScript库/CSS库将会以jar的形式被打包进工程!  spring-boot-demo1-0.0.1-SNAPSHOT.jar\BOOT-INF\lib 

引用

bootstrap-3.3.7-1.jar 
└─ META-INF 
    └─ resources 
        └─ webjars 
            └─ bootstrap 
                └─ 3.3.7-1 
                    ├─ css 
                    |   ├─ bootstrap.min.css 
                    |   ├─ bootstrap.min.css.gz # Gzip文件 
                    ...

引用

jquery-3.1.1.jar 
└─ META-INF 
    └─ resources 
        └─ webjars 
            └─ jquery 
                └─ 3.1.1 
                    ├─ jquery.min.js 
                    ...

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏python3

python-web环境

Web应用程序是一种可以通过Web访问的应用程序,程序的最大好处是用户很容易访问应用程序,用户只需要有浏览器即可,不需要再安装其他软件。应用程序有两种模式C/S...

591
来自专栏pangguoming

Windows环境配置Apache+Mysql+PHP

一、安装配置Apache2.4.7(httpd-2.4.7-win64-VC11.zip ) 1、解压下载的安装包:httpd-2.4.7-...

31111
来自专栏运维小白

19.9 添加自定义模板

添加自定义模板 可以自定义一个常用模板,方便给新增主机添加监控项目 自定义aming模板 把其他自带模板里面的某些监控项目(比如cpu、内存等)复制到aming...

1807
来自专栏有困难要上,没有困难创造困难也要上!

Webpack2入门

2777
来自专栏算法channel

Python|Pyinstaller打包Python程序的过程详解

01 Pyinstaller是什么 PyInstaller is a program that freezes (packages) Python progr...

4355
来自专栏别先生

Idea的快捷键,瞎摸索,开心就好,哈哈哈

前言:如果你有强迫症,换了一个编辑器,最痛苦莫过于快捷键,不顺手了。这里自己瞎摸索的快捷键,贴一下,这里主要以实际应用为主,因为大量介绍的网上已经很多很多,S...

2525
来自专栏我是攻城师

hadoop2.2源码编译后不支持bzip2压缩解决办法

2617
来自专栏电光石火

Gradle安装使用

简单介绍 Gradle是一个好用的构建工具 使用它的原因是 1、配置相关依赖代码量少,不会像maven一样xml过多 2、打包编译测试发布都有,而且使用起来方便...

2684
来自专栏三木的博客

Linux权限管理

Linux权限管理是其一大特色,优秀的权限管理机制为Linux安全性提供了可靠的保障。 ###一、用户权限管理: root用户是系统的超级用户,是Linux系统...

1756
来自专栏蓝天

SSH2免密码登录精简详细说明

以下针对的是ssh2,而不是ssh。精简的意思是无多余步骤,详细是说关键细节都有提到。配置分两部分:一是对登录机的配置,二是对被登录机的配置,其中登录机为客...

552

扫描关注云+社区