Thymeleaf_使用方法总结

缺乏、安全感 2023-03-06 03:24 30阅读 0赞

**Thymeleaf\_使用方法总结**

--------------------

*  声明Thymeleaf

*  th:text

*  资源引入

<link rel="stylesheet" th:href="@{/css/semantic.min.css}"></link>
    
    <script type="text/javascript" th:src="@{/js/jquery-3.5.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/semantic.min.js}"></script>
    
    <img th:src="@{/images/wechat.jpg}" style="width: 110px;">

*  解析html格式

*  链接

<a th:href="@{/admin/logout}">注销</a>
    
    
    <a th:href="@{/blog/{id}(id=${blog.id})}" target="_blank">
        <img th:src="@{${blog.firstPicture}}">
    </a>
    
    
    <a th:href="@{/admin/tags/{id}/delete(id=${tag.id})}">删除</a>
    
    
    <a th:href="@{/(page=${page.number}-1)}">上一页</a>

*  条件判断

<div th:if="${blog.recommend}">
        <span style="color: orange">推荐</span>
    </div>
    
    
    <input name="product" type="radio" th:each="p:${ps}" th:value="${p.id}" th:checked="${p.id==currentProduct.id}" th:text="${p.name}"/>
    
    
    <p th:if="${not blog.published}"></p>
    <div th:unless="${#strings.isEmpty(message)}">
    	<p th:text="${message}"></p>
    </div>
    
    
    <p th:text="${blog.published} ? '已发布' :'草稿'"></p>
    
    
    
    <div th:if="${page.totalPages}>1"></div>
    
    <div th:if="${page.first}"></div>
    <div th:if="${page.last}"></div>

*  th:classappend 补充class属性

<a th:href="@{/(page=${page.number}-1)}" class="ui mgreenini button" th:classappend="${page.first} ? 'grey disabled' : 'green'">上一页</a>
    
    
    <a th:href="@{/(page=${page.number}+1)}" class="ui mini button" th:classappend="${page.last} ? 'grey disabled' : 'green'">下一页</a>
    
    
    <div th:classappend="${blog.flag=='原创'} ? 'green' : 'orange'" th:text="${blog.flag}">原创</div>

*  统计数组types的元素个数

共<h3 th:text="${#arrays.length(types)}">14</h3>个分类

*  日期格式化

*  获取session值

*  遍历

*  包含

定义代码块示例：

th:block 包裹代码块

th:fragment 定义代码片段名

<th:block th:fragment="somehead">
    	<meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" th:href="@{/css/semantic.min.css}"></link>
        <script type="text/javascript" th:src="@{/js/jquery-3.5.1.min.js}"></script>
        <script type="text/javascript" th:src="@{/js/semantic.min.js}"></script>
    </th:block>

引用代码块示例：

th:replace 引用代码片段

\_fragments为文件路径

定义代码块示例（带参数引用）：

引用代码块示例（带参数引用）：