SpringBoot2.0Web开发实例(一)WebJars&静态资源 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 网站建设 >

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

发表时间:2018-6-4

发布人:葵宇科技

浏览次数:19

本文作者:Spring_ZYL
意见反馈:15065421873@163.com
文章来源: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依赖,如下图
这里写图片描述

将jquery引入pom文件中

            <!--引入jquery-->
            <dependency>
                <groupId>org.webjars</groupId>
                <artifactId>jquery</artifactId>
                <version>3.3.1-1</version>
            </dependency>

2.访问引入的js文件

查看引入的jar包
这里写图片描述

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

所以可使用目录 /webjars/jquery/3.3.1-1/jquery.js 访问静态资源,如下图所示
这里写图片描述

三、静态资源

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模板。

相关案例查看更多