SpringBoot笔记 day7

最新推荐文章于 2024-09-14 09:14:48 发布

Centursy

最新推荐文章于 2024-09-14 09:14:48 发布

阅读量49

点赞数

本文链接：https://blog.csdn.net/Centursy/article/details/129148042

版权

SpringBoot笔记 day7

首页图标定制

首先找到一张图片。命名为favicon.ico，放入资源目录中的static

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mf4ISfJ1-1676976851924)(C:\Users\lsj78\AppData\Roaming\Typora\typora-user-images\image-20230212152739299.png)]$

然后在在html中启用<link rel="icon" href="favicon.ico">

在这里插入图片描述

则可以看到，图标已被替换成功。

模版引擎

SpringBoot推荐使用thymeleaf作为模版引擎。

模版引擎有何作用？

我们写一个页面模版时，有些值是动态的，我们就会写一些表达式。而这些值就是后台一些封装数据。模版引擎识别表达式并填充值，做种生成一个想要的内容，这就是模版引擎。SpringBoot推荐的Thymeleaf，是一个高级语言的模板引擎，语法更简单。功能更强大。

使用时，首先导入依赖。

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

测试，在templates下写测试html

在这里插入图片描述

再写一个coltroller使其可以跳转到测试页面

在这里插入图片描述

然后测试thymeleaf，在页面中写入命名空间

在这里插入图片描述

xmlns:th="http://www.thymeleaf.org"

在页面中加入测试内容的语句

取变量th:text="${msg},所有的html正常元素都可以被thymeleaf接管，th:元素名…

<!--th:text就是将div中的内容设置为它指定的值，和之前学习的Vue一样-->
<div th:text="${msg}"></div>

然后再写一个请求，用来测试数据

 @RequestMapping("/t1")
    public String test1(Model model){
        //存入数据
        model.addAttribute("msg","Hello,Thymeleaf");
        //classpath:/templates/test.html
        return "test";