理论

使用Spring Boot：

1. 创建Spring Boot应用，选中需要的模块；

2. Spring Boot已默认将这些场景配置好，只需要在配置文件中指定少量配置就可以运行起来；

3. 自己编写业务代码；

静态资源文件：

"classpath:/META-INF/resources/"
"classpath:/resources/"
"classpath:/static/"
"classpath:/public"
"/"：当前项目的根目录"

如localhost:8080/abc

就会去静态资源文件里面找abc

演示

从webjars中导入jquery的maven

将

<dependency><groupId>org.webjars</groupId><artifactId>jquery</artifactId><version>3.3.1</version>
</dependency>

拷贝到pron.xml中！

把程序跑起来后，输入连接：

http://localhost:8080/webjars/jquery/3.3.1/jquery.js

即可访问文件：

在resources下创建一个public，如下图，再创建一个页面；

其中index.html源码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>My Web</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
</head><style type="">body {background: url(../img/background.jpg);height: 100%;}.container {position: relative;}.main-content {height: 780px;padding-bottom: 70px;}footer {height: 70px;width: 100%;position: absolute;bottom: 0;}footer {height: 70px;left: 0;bottom: 0;width: 100%;position: fixed;}</style><body>
<!-- 导航页 -->
<nav class = "ui inverted attached segment m-padded-tb-mini m-shadow-small"><div class = "ui container"><div class = "ui inverted secondary stackable menu"><img class = "ui Mini circular image" src ="https://avatar.csdn.net/E/5/8/3_qq78442761.jpg"><h2 class = "ui teal header item">My Web</h2><a href="https://www.baidu.com" class="m-item item m-mobile-hide"><i class="mini computer icon"></i>点击访问我</a></div></div>
</nav>
<br>
<br>
<div class="m-container main-container"><div class="ui container main-content"><div class="ui stackable grid"><div class="six wide column"><div class="ui top attached segment"><div class="ui header">登录后台</div></div><div class="ui attached segment"><form method="post" ation="" class="ui form"><div class="ui labeled left icon input"><i class="computer icon"></i><input type="text" name="userName" placeholder="admin" ><a class="ui tag label">用户名</a></div><br><br><div class="ui labeled left icon input"><i class="briefcase icon"></i><input type="password" name="passWord" placeholder="admin"><a class="ui tag label">密  码</a></div><br><br><button class="fluid ui teal button" type="submit">提交</button></form></div><div class="ui segment"><div class="ui header">登录记录</div><table class="ui inverted teal table"><thead><tr><th>IP地址</th><th>时间</th><th>浏览器</th></tr></thead><tbody><tr><td>127.0.0.1</td><td>2018/3/8 00:00:00</td><td>谷歌</td></tr><tr><td>192.168.1.100</td><td>2018/3/8 00:00:11</td><td>未知</td></tr></tbody></table></div></div><div class="nine wide column"><div class="ui segment"><img src="https://picsum.photos/800/600/?random" alt="" class="ui rounded image"></div></div></div></div>
</div><!--footer-->
<footer class="ui inverted vertical segment"><div class="ui center aligned container"><div class="ui inverted divided stackable grid"></div><div class="ui inverted section divider"></div><p class="m-text-thin m-text-spaced m-opacity-tiny">Copyright © 2019 - 2020 </p></div>
</footer></body>
</html>

运行截图如下：

修改图标，只要把ffavicon.ico文件放入静态资源文件中即可！

如下：

Spring Boot静态资源映射规则相关推荐

Spring Boot静态资源映射
在 Web 应用中会涉及到大量的静态资源,例如 JS.CSS 和 HTML 等.我们知道,Spring MVC 导入静态资源文件时,需要配置静态资源的映射:但在 SpringBoot 中则不再需要进行 ...
Spring Boot 静态资源映射与上传文件路由配置
默认静态资源映射目录默认映射路径在平常的 web 开发中,避免不了需要访问静态资源,如常规的样式,JS,图片,上传文件等;Spring Boot 默认配置对静态资源映射提供了如下路径的映射 /st ...
Spring Boot静态资源访问和配置全解析
在web开发中,静态资源的访问时必不可少的,比如image.css.js等.SpringBoot对静态资源访问提供了很好的支持,使用其提供的基本默认配置基本可以满足开发需求,同时,又支持开发人员进行自 ...
Spring Boot怎么样处理静态资源(静态资源映射规则)_Web开发
文章目录一.SpringBoot对静态资源的映射规则 1.所有 /webjars/**,都去 classpath:/META-INF/resources/webjars/ 找资源 2. " ...
SpringBoot_web开发-webjars静态资源映射规则
现在要做WEB功能,还是选择WEB模块,pom文件依赖web模块,<dependency><groupId>org.springfr ...
springboot的jsp应该放在哪_web项目jsp放在哪里 Spring Boot 静态资源处理(4)
Spring Boot 默认将 /webjars/** 映射到 classpath:/META-INF/resources/webjars/ ,结合我们上面讲到的访问资源的规则,便可以得知我们在JSP ...
spring boot静态资源文件的访问以及自定义
上一节出现的页面是不是很丑?我才不告诉你,我把背景都处理了, 相关的项目结构,如下好吧.来看看最终的页面源码 <!DOCTYPE HTML> <html><head&g ...
Spring Boot 静态资源处理，妙！
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试资料来源:cnblogs.com/paddix/p/8301331.h ...
Spring Boot 静态资源处理，原来如此！
点击上方"朱小厮的博客",选择"设为星标" 后台回复"加群"加入公众号专属技术群来源:rrd.me/faAmu 做web开发的时候,我们往 ...

Spring Boot静态资源映射规则

理论

演示

Spring Boot静态资源映射规则相关推荐

最新文章

热门文章