springboot +thymeleaf 实现本地图片显示，和数据库查询显示

在页面显示静态资源，在程序中非常常见，当然也有很多种方式例如保存在resources/META-INF目录下或直接引用本地路径等。

1、了解springboot的静态资源的地址与访问路径

springboot自己是有默认的静态访问资源地址和路径（默认寻找static目录），如果你在配置文件中修改
则会覆盖其默认配置。
那先来了解一下在配置文件中想更改默认地址的代码：

spring.mvc.static-path-pattern

这句话的意思的你应该以什么路径来访问静态资源，也可以说静态资源满足这个配置路径才会处理此请求。

#这种情况下只有请求路径满足img格式才可以处理此请求
#如果按照默认的8080端口的话那么路径就应该为localhost:8080/img/1.jpg
#此时我们想找寻1.jpg的图片,那么springboot就会默认在该路径下寻找对应的文件，
#而寻找对应文件的地址就应该由spring.resources.static-locations里决定
spring.mvc.static-path-pattern=/img/**

spring.resources.static-locations

这行代码配置用来告诉springboot应该去什么路径下访问并寻找相应的文件

默认的官方配置

pring.resources.static-locations=classpath:/static,classpath:/public,classpath:/resources,classpath:/META-INF/resources
这里的匹配机制是列表性的会依次寻找相应目录是否有对应的文件
但是大家也都发现了，这些是项目里自带的资源目录如果我又想访问本地
路径的资源呐？

引用本地路径资源

spring.resources.static-locations=file:F:/images/rotPhoto/
这里我们引用的是F盘的路径，想要成功引用只需要在路径前面加上file即可，
不过根据网上资料显示，不同操作系统之间file的写法好像并不相同，这里演示的>Windows的写法。
当然你如果觉得这样不好的话，也可以通过bean的方式来修改，这样的话需要你创建个extends WebMvcConfigurerAdapter 的类，类重写里面的addResourceHandlers方法来进行修改。
通过查阅资料，也可以通过xml的格式来进行修改代码如下：

<mvc:resources mapping="/resources/**" location="/public-resources/"><mvc:cache-control max-age="3600" cache-public="true"/>
</mvc:resources>

总结：spring.mvc.static-path-pattern 更像是指定http请求访问的地址规范，spring.resources.static-locations则是请求之后访问文件的路径!

2、结合springboot，thymeleaf 来简单的实现访问本地路径图片到浏览器上！

博主使用工具为sts，maven，boot版本都为截稿前官网最新（2020.6.30）

创建项目

 1.修改静态资源的地址和访问路径的配置文件

代码如下:spring.resources.static-locations=file:F:/images/rotPhoto/spring.mvc.static-path-pattern=/**
博主使用的是自己F盘路径下的images文件夹里的rotPhoto文件夹下的目录
这里出示的为properties配置文件的代码。

      2.创建controller页面3.创建thymeleaf页面

需要的thymeleaf页面配置代码:<html xmlns:th="http://www.thymeleaf.org" lang="en">

添加代码
1.博主创建的thymeleaf页面叫Demo
控制controller代码如下：

 @RequestMapping("/Demo")public String demo(Model model){String img2 ="/1.jpg";model.addAttribute("img2", img2);return "Demo";}

博主相应目录有一个jpg格式的图片名1，这里定义一个文件名的字符串
用model向前端页面传值
Demo页面代码如下：

<img th:src="@{${img2}}">

用${img2} 来接受后台传入的数据，这里用到了th:src

运行
1.启动@SpringBootApplication类

运行成功之后，去浏览器输入请求

自此显示成功
补：文件路径图片

连接数据库这几天补上~~~~~~ O(∩_∩)O哈哈~
2020-7-07：
比较忙，一直没时间，不要慌再等等O(∩_∩)O 2020 - 7-10

本文理论方面参考博客：https://blog.csdn.net/yiifaa/article/details/78299052?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase

大家如果觉得博主表达的不好，推荐大家去看原博主

springboot +thymeleaf 实现本地图片显示，和数据库查询显示相关推荐

springboot 下浏览本地图片
因为项目和服务器一般来说无法直接访问本地文件,所以需要映射虚拟路径,以实现需求. 1.配置文件 #配置虚拟路径 sourcePath:file:/E:/Path/ targetPath:/Path/* ...
使用 Hasor 从数据库查询显示到页面上
为什么80%的码农都做不了架构师?>>> 在 Hasor 的体系中开发 Web 应用程序需要至少 Hasor-Core.Hasor-Web 两个模块来共同完成.其中 Hasor ...
mysql获取一年中的所有周六周日_数据库查询显示一年中所有的周一到周五的数据...
select count(*) from weixiuguanli where weixiuzt= '待维修' select * from weixiuguanli where weixiuzt= ' ...
mysql查询全年星期_数据库查询显示一年中所有的周一到周五的数据
select count(*) from weixiuguanli where weixiuzt= '待维修' select * from weixiuguanli where weixiuzt= ' ...
数据库查询显示一年中所有的周一到周五的数据
select * from 表名 where WeekDay(日期字段) -1 between 1 and 5 其中WeekDay是求日期是周几的一个函数,但是按照外国,是从星期日开始算每周的第一天, ...
浅谈js本地图片预览
最近在工作中遇到一个问题,就是实现一个反馈页面,这个反馈页面的元素有反馈主题.反馈类型.反馈内容.反馈人联系电话以及反馈图片.前端将这些反馈的元素POST给后台提供的接口:实现这个工作的步骤就是:页面 ...
TinyMCE 新增本地图片上传功能
TinyMCE 新增本地图片上传功能在TinyMCE 在处理富文本时,可以通过网站的相对路径录入图片地址.这样TinyMCE 就可以正常显示图片了.其实该功能属于普通HTML富文本控件基本功能了.现 ...
MySql 查询显示
使用命令行进行查询数据库,查询数据表,查询数据表内容. 1.打开命令行 2.连接MySql数据库连接成功如下图所示 3.查询显示所有数据库查询所有数据库语句: show databases; 4 ...
fastreport打印指定路径图片显示不出来_报表工具中图片文件怎么展示---本地图片--网络图片--数据库图片...
用于报表展示的图片来源有多种,如:数据库的图片字段.服务器本地图片.网络图片等,因此,报表工具也针对多种图片来源提供了多种多样的处理方式. 下面从不同的图片来源角度,举例介绍报表工具如何设置呈现. 图 ...