springBoot07_WEB开发01：静态资源映射规则、引入thymeleaf

最新推荐文章于 2021-06-04 19:45:08 发布

乐七_

最新推荐文章于 2021-06-04 19:45:08 发布

阅读量222

点赞数

分类专栏： springBoot 文章标签： spring

本文链接：https://blog.csdn.net/TimEcho/article/details/106730787

版权

springBoot 专栏收录该内容

22 篇文章 1 订阅

订阅专栏

下载前端模板

静态资源映射规则

在这里插入图片描述

webjars

在这里插入图片描述
依赖加入到pom.xml文件

我要访问这个jar包下的静态资源：
localhost:8080/webjars/jquery/3.3.1/jquery.js
也就是导入webjars这个jar包后，我在访问静态资源的时候，就可以使用/webjars/**
访问的就是webjars下的静态资源
如果没地方处理静态资源导入，那么就会去下边的路径下找
在这里插入图片描述
我们在类路径下新建文件夹，三个文件夹下都可以放置静态资源

放置静态资源进去

比如我访问feather.min.js
访问路径不用加static，因为本身我就是从这个里边找资源

可以访问到

配置欢迎页

在这里插入图片描述

比如index.html在public文件夹下

可以访问到

配置喜欢的图标1.5.9

在这里插入图片描述

比如我把图标放到resources文件夹下

改变静态文件夹路径

可以在配置文件中，指定静态文件映射路径，这时默认设置的几个类路径就失效了
在这里插入图片描述

新建一个hello文件夹，放置index.html

即可访问到首页

引入thymeleaf

原来我们前端页面是要把html转成jsp，然后数据就可以前端进行展示
但是现在：
1、我们的springBoot项目，是jar包的方式，而web项目
2、使用的是嵌入的tomcat，默认不支持jsp

所以我们直接使用纯静态页面就会带来很大麻烦，推荐使用模板引擎

模板引擎

在这里插入图片描述
模板引擎的作用就是，把动态的数据和静态页面，通过模板引擎结合起来，展示数据
不管是JSP还是其他模板引擎，都是这种思想，只不过不同模板引擎语法不一样。

**SpringBoot推荐的Thymeleaf；

语法更简单，功能更强大；

1、引入thymeleaf

切换版本
<properties>
<thymeleaf.version>3.0.11.RELEASE</thymeleaf.version>        
        <!--布局功能的支持程序 thymeleaf3主程序 layout2以上版本-->        
        <!--thymeleaf2 layout1-->        
<thymeleaf-layout-dialect.version>2.2.2</thymeleaf-layout-dialect.version>
</properties>

		<dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

2、thymeleaf使用

从属性类看出，只要把html页面放到classpath:/templates/下，就可以自动渲染了
在这里插入图片描述

1、导入thymeleaf的名称空间
目的就是可以有语法提示

<html lang="en" xmlns:th="http://www.thymeleaf.org">

将“你好”放入request域
在这里插入图片描述
前端展示

th:text=" 就是将div里面的文本内容设置为request域取出的内容

而不经过模板解析器解析，html页面输出的就是div之间的文本

这样就很好地达到前后端分离

语法规则

在这里插入图片描述

案例

th:text 字符进行转义，也就是把h1标签转义，这样前端显示出的就是h1标签
th:utext 不转义，也就是h1标签原样送到html页面，html页面解析h1标签，也就是产生字体大小的工作