SpringBoot2.0Web开发实例(一)WebJars&静态资源

本文作者:Spring_ZYL
意见反馈:[email protected]
文章来源:https://blog.csdn.net/gozhuyinglong
版权声明:本文版权归作者所有,转载请注明出处

一、创建SpringBoot 的Web项目

在创建SpringBoot项目时,勾选Web依赖

二、使用WebJars管理css&js

Web前端使用了越来越多的JS或CSS,如jQuery, Backbone.js 和Bootstrap。一般情况下,我们是将这些Web资源拷贝到Java的目录下,通过手工进行管理,这种通方式容易导致文件混乱、版本不一致等问题。

WebJars是将这些通用的Web前端资源打包成Java的Jar包,然后借助Maven工具对其管理,保证这些Web资源版本唯一性,升级也比较容易。关于webjars资源,有一个专门的网站https://www.webjars.org/,我们可以到这个网站上找到自己需要的资源,在自己的工程中添加入maven依赖,即可直接使用这些资源了。

下面以jQuery为例,来使用一下WebJars

1.pom中引入依赖

我们可以从WebJars官方查看maven依赖,如下图
SpringBoot2.0Web开发实例(一)WebJars&静态资源_第1张图片

将jquery引入pom文件中

            
            <dependency>
                <groupId>org.webjarsgroupId>
                <artifactId>jqueryartifactId>
                <version>3.3.1-1version>
            dependency>

2.访问引入的js文件

查看引入的jar包
SpringBoot2.0Web开发实例(一)WebJars&静态资源_第2张图片

SpringBoot将对/webjars/**的访问重定向到classpath:/META-INF/resources/webjars/**

所以可使用目录 /webjars/jquery/3.3.1-1/jquery.js 访问静态资源,如下图所示
SpringBoot2.0Web开发实例(一)WebJars&静态资源_第3张图片

三、静态资源

1.静态资源目录

SpringBoot默认配置下,提供了以下几个静态资源目录:

/staticclasspath:/static/

/publicclasspath:/public/

/resourcesclasspath:/resources/

/META-INF/resourcesclasspath:/META-INF/resources/

当然,可以通过spring.resources.static-locations配置指定静态文件的位置。

    #配置静态资源
    spring:
      resources:
        #指定静态资源目录
        static-locations: classpath:/mystatic/

2.favicon.ico图标

如果在配置的静态资源目录中有favicon.ico文件,SpringBoot会自动将其设置为应用图标。

3.欢迎页面

SpringBoot支持静态和模板欢迎页,它首先在静态资源目录查看index.html文件做为首页,若未找到则查找index模板。

你可能感兴趣的:(SpringBoot)