SpringBoot整合Thymeleaf

最新推荐文章于 2022-12-27 17:59:48 发布

_zh@xia

最新推荐文章于 2022-12-27 17:59:48 发布

阅读量140

点赞数

分类专栏： Spring

本文链接：https://blog.csdn.net/xzh109/article/details/103949160

版权

Spring 专栏收录该内容

17 篇文章 1 订阅

订阅专栏

为何使用Thymeleaf

如果希望以 Jar 形式发布模块则尽量不要使用 JSP 相关知识，这是因为 JSP 在内嵌的 Servlet 容器上运行有一些问题 (内嵌 Tomcat、 Jetty 不支持 Jar 形式运行 JSP，Undertow 不支持 JSP)。

ThymeLeaf常用表达式、标签和函数

常用表达式

• $｛．．．｝变量表达式。
•＊ ｛ ．． ． ｝ 选择表达式。
• ＃｛．．．｝消息文字表达式。
• ＠ ｛｝ 链接url 表达式。
• #maps 工具对象表达式。

常用标签

• th:action 定义后台控制器路径。
• th:each 1,盾环语－句。
• th:field 表单字段绑定。
• th:href 定义超链接。
• th:id div 标签中的ID 声明，类似HTML 标签中的归属性。
• th:if 条件判断语句。
• th:include 布局标签，替换内容到引入文件。
• th ：企agment 布局标签，定义一个代码片段，方便其他地方引用。
• th:object 替换对象。
• th:src 图片类地址引入。
• th:text 显示文本。
• th:value 属性赋值。

常用表达式

• #dates 日期函数。
• #lists 列表函数。
• #arrays 数组函数。
• #strings 字符串函数。
• #numbers 幸生字函捷生。
• #ca lendars 日历函数。
• #objects 对象函数。
• #bools 逻辑函数。

SpringBoot整合Thymeleaf

添加依赖

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

填写thymeleaf配置文件

#Thymeleaf配置
#开发配置为false，避免修改模版还要重启服务器
spring.thymeleaf.cache=false
#编码 可不配置
spring.thymeleaf.encoding=utf-8
#模版的模式，支持HTML、XML、TEXT、JAVASCRIPT
spring.thymeleaf.mode=HTML5
#模版路径，默认是templates，可以不用配置
spring.thymeleaf.prefix=classpath:/templates/
#后缀
spring.thymeleaf.suffix=.html

index2.html页面
一般放在templates文件夹下

<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<!--字符串输出-->
<p th:text="'hello SpringBoot'">hello thymeleaf</p>
<!--数学运算-->
<p th:text="9 + 10"></p>
<p th:text="10 * 10"></p>
<p th:text="1 - 10"></p>
<p th:text="8 / 3"></p>
<p th:text="3 % 2"></p>
<!--操作域对象-->
<p th:text="${user}"></p>
<p th:text="${user.username}"></p>

<!--遍历数组-->
<table th:each="item, sta:${user.hobbies}">
    <tr>
        <td th:text="${item}"></td>
        <td th:text="${sta.index}"></td>
        <td th:text="${sta.odd}"></td>
        <td th:text="${sta.size}"></td>
    </tr>
</table>


<!--遍历map-->
<div th:each="item:${user.secrets}" th:text="${item.key}"></div>

<!--遍历数组-->
<div th:each="item:${user.hobbies}" th:text="${item}"></div>

<!--设置属性-->
<input type="text" th:attr="value=${user.username}">
<input type="text" th:attr="value=${user.username}, title=${user.username}">

<!--表单数据绑定-->
<form action="" th:object="${user}">
    <input type="text" th:value="*{username}">
    <input type="password" th:value="*{password}">
    <select>
        <option th:each="item:${user.secrets}" th:text="${item.value}" th:selected="'a' eq ${item.value}"></option>
    </select>
</form>

<!--解析html文本内容-->
<p th:utext="'<span>html</span>'"></p>

<!--流程控制-->
<p th:if="${user.username} != ${user.password}">yes</p>
<div th:switch="${user.username}">
    <p th:case="rose">name is rose</p>
    <p th:case="jack">name is jack</p>
</div>

<!--外部引入-->
<link rel="stylesheet" th:href="@{/css/index.css}">
<script th:src="@{/js/index.js}"></script>

<a th:href="@{/home}">home</a>
</body>

</html>

注意： 使用Thymeleaf要声明名称空间：

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

Controller层

@Controller
@RequestMapping("user")
public class UserController {

    @RequestMapping("/list")
    public String getList(ModelMap map){
        List<User> list=new ArrayList<User>();
        for(int i=0;i<5;i++){
            User u=new User();
            u.setUsername("xiaxx"+i);
            u.setPassword("mm"+i);
            list.add(u);
        }
        map.addAttribute("list",list);
        return "index";
    }
    @GetMapping("home")
    public String index(Model model) {
        User user = new User();
        user.setUsername("jack");
        user.setPassword("112233");
        user.setHobbies(Arrays.asList(new String[]{"singing", "dancing", "football"}));
        Map<String, String> maps = new HashMap<>();
        maps.put("1", "o");
        maps.put("2", "g");
        maps.put("3", "a");
        maps.put("4", "j");
        user.setSecrets(maps);
        model.addAttribute("user", user);
        return "index2";
    }
}

_zh@xia

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
SpringBoot整合Thymeleaf

为何使用Thymeleaf如果希望以 Jar 形式发布模块则尽量不要使用 JSP 相关知识，这是因为 JSP 在内嵌的 Servlet 容器上运行有一些问题 (内嵌 Tomcat、 Jetty 不支持 Jar 形式运行 JSP，Undertow 不支持 JSP)。ThymeLeaf常用表达式、标签和函数常用表达式• $｛．．．｝变量表达式。•＊｛．．．｝选择表达式。• ＃...
复制链接

扫一扫

专栏目录