Thymeleaf菜鸟教程

xiaoxiao2021-02-27  220

1. Thymeleaf概述

Thymeleaf是一个Java模板引擎,支持html、xml、text、javascript、css、raw这几种模型。 使用Thymeleaf首先需要引入命名空间

<html xmlns:th="http://www.thymeleaf.org">

2. 基本使用方法

引用web静态资源 Thymeleaf通过”@{}”来引用web静态资源,例如: <script th:src="@{bootstrap/js/boostrap.min.js}"></script> 访问model模型中的数据,例如访问一个user对象的name属性 <span th:text="${user.name}"></span> 数据迭代 例如迭代一个userlist集合 <tr th:each="user : ${userlist}"> <td th:text="${user.name}">tyrone</td> <td th:text="${user.age}">18</td> </tr>

使用th:each做循环迭代,并使用${对象.属性}来访问具体的值

判断是否为空 <tr th:if="${messages.empty}"> <td colspan="3">No messages</td> </tr> 在Javascript中访问model模型数据 <script th:inline="javascript"> var user = [[${user}]] console.log(user.name + "\t" + user.age); </script>

通过添加th:inline=”javascript”到script标签来访问model模型数据 通过”[[${}]]”这种格式来获取具体的值

转载请注明原文地址: https://www.6miu.com/read-12859.html

最新回复(0)