1、知识点:
1)、xmlns:``th``="http://www.thymeleaf.org"
在 <``html ``lang``="en"``>
中引入名称空间。
例如:
<html lang="en" xmlns:th="http://www.thymeleaf.org">
2)、Model中的属性都被放在 request 请求域中。
3)、thymeleaf 会自动访问 reesources 包下的 templates 包下的 html 页面。
4)、th``:text``="${msg}"
替换标签中的文本值。
例如:<``h3 ``th``:text``="${msg}"``>``初体验!``</``h3``>
。
5)、th``:href``="${linke}"
替换 <``a``>
标签中 href 属性的值。
例如:<``a ``href``="https://ai.taobao.com" ``th``:href``="${linke}"``>$``百度``</``a``>
。
6)、设置访问路径前缀。例如:http://localhost:8080/hello/thymeleaf。中的hello。
server:
servlet:
context-path: /hello
7)、th``:href``="@{linke}"
是把 原来的 href 属性的值,替换为“linke”,而不是从request域中取值。因为``@{linke}
中的 like 就是字符串。
例如:<``a ``href``="https://ai.taobao.com" ``th``:href``="${linke}"``>$``百度``</``a``>
就是把 [https://ai.taobao.com](https://ai.taobao.com)
替换为 linke
。
浏览器中的源码:
8)、<``a ``href``="https://ai.taobao.com" ``th``:href``="@{/thymeleaf}"``>@``百度``</``a``>
表示 http://localhost:8080/thymeleaf。
如果设置访问路径前缀 /hello。那么就代表http://localhost:8080/hello/thymeleaf。
浏览器中的源码:
9)、如果 html 页面。没有经过模板引擎就会使用默认值。
例如:<``h3 ``th``:text``="${msg}"``>``初体验!``</``h3``>
。把 success.html 复制到桌面打开。
2、体验:<``h3 ``th``:text``="${msg}"``>``初体验!``</``h3``>
。
第一步:创建一个 处理器对象。
package com.wzy.springbootweb01.controller;
@Controller
public class MyController12Thymeleaf {
@RequestMapping(value = "thymeleaf",method = RequestMethod.GET)
public String getThymeleaf(Model model){
//model中的数据都会被放在请求域中 request.setAttribute("a",aa);
model.addAttribute("msg","你好Thymeleaf!");
model.addAttribute("linke","https://www.baidu.com");
return "success";
}
}
第二步:创建一个html页面。把处理器对象中,Model中的数据取出来。
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--取出Controller中 Model的“msg”的值,并把<h3>中的文本值替换掉。-->
<h3 th:text="${msg}">初体验!</h3>
<!--取出Controller中 Model的“linke”的值,并把<a>标签中的 href 属性的值替换掉。-->
<a href="https://ai.taobao.com/?pid=mm_124190590_30248727_109212350230" th:href="@{linke}">@百度</a>
<a href="https://ai.taobao.com/?pid=mm_124190590_30248727_109212350230" th:href="${linke}">$百度</a>
</body>
</html>