thymeleaf th:text th:utext区别

最新推荐文章于 2024-04-21 17:11:08 发布

转载最新推荐文章于 2024-04-21 17:11:08 发布 · 2.9k 阅读

JAVA 同时被 3 个专栏收录

43 篇文章

订阅专栏

springboot

22 篇文章

订阅专栏

Thymeleaf

11 篇文章

订阅专栏

本文探讨了如何使用Thymeleaf模板引擎与HTML进行有效集成，包括基本语法、标签表达式及文本表达式的应用，同时展示了如何处理日期格式化、富文本展示等问题。

<!DOCTYPE html>
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>详情页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="css/detail.css">
    <link rel="stylesheet" href="font-icon/iconfont.css">
    <script src="js/jquery-2.1.4.min.js"></script>
    <script src="js/detail.js"></script>
</head>
<body>
<div id="detail_title">
    <div class="detail_title" th:text="${detail.title}"></div>
    <div class="detail_media"><span th:text="${#dates.format(detail.createTime,'yyyy-MM-dd HH:mm:ss')}"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span ></span></div>
</div>
<div class="detail_desc" th:text="${detail.content}">这里输出纯内容</div>
<div class="detail_desc" th:utext="${detail.content}">这里content为带html标签的富文本时，转换为html内容</div>

</body>

</html>