SpringBoot Boostrap前端js/css文件配置

感谢作者的分享:https://www.cnblogs.com/smiler/p/6857213.html

http://blog.csdn.net/isea533/article/details/50412212


1.按理SpringBoot会自动加载resources/static下面的静态文件(js/css等),但因为路径的问题前台页面引用都失败。

考虑到项目肯定会有自定义的css.js.img等静态文件,这个需要后续更新处理;

2.方式1没有成功,在网上找到另外一种方式:WebJars

2.1pom文件中添加:

<properties>
    <project.build.sourceEncoding>UTF-8project.build.sourceEncoding>
    <project.reporting.outputEncoding>UTF-8project.reporting.outputEncoding>
    <java.version>1.8java.version>
    <webjars-locator>0.32-1webjars-locator>
    <bootstrap>4.0.0bootstrap>
    <jquery>3.3.1jquery>
  properties>


<dependency>
    <groupId>org.webjarsgroupId>
    <artifactId>webjars-locatorartifactId>
    <version>${webjars-locator}version>
dependency>


<dependency>
    <groupId>org.webjarsgroupId>
    <artifactId>bootstrapartifactId>
    <version>${bootstrap}version>
dependency>


<dependency>
    <groupId>org.webjarsgroupId>
    <artifactId>jqueryartifactId>
    <version>${jquery}version>
dependency>
2.2前台文件引用

<head>
    <script src="/webjars/jquery/jquery.min.js">script>
    <script src="/webjars/bootstrap/js/bootstrap.min.js">script>
    <link rel="stylesheet" href="/webjars/bootstrap/css/bootstrap.min.css"/>
    <meta charset="UTF-8">
    <title>Insert title heretitle>
head>
2.3启动验证

ps我的demo地址:https://github.com/luomouren/springbootdemo


3.方式1找到解决方法了,无意中看到参考文档2解决的(感谢作者分享)

配置资源映射

Spring Boot 默认配置的/**映射到/static(或/public ,/resources/META-INF/resources),/webjars/**会映射到classpath:/META-INF/resources/webjars/

所以在application.properties文件中添加配置:

#设定静态文件路径,js,css等
spring.mvc.static-path-pattern=/**
在前台中引用

<script src="/js/test/test.js">script>
在resources下新建static文件,里面直接放js文件夹,存js文件

配置资源映射

Spring Boot 默认配置的/**映射到/static(或/public ,/resources/META-INF/resources),/webjars/**会映射到classpath:/META-INF/resources/webjars/


你可能感兴趣的:(SpringBoot,Bootstrap,静态文件,Js,css,0.Java)