Thymeleaf基本语法与使用

如果要在Thymeleaf模板中获取控制器传递过来的数据，需要使用th标签

1. 在Thymeleaf模板页面中引入th标签的命名空间

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

2. th:text

在几乎所有的HTML双标签都可以使用th:text属性，将接收到的数据显示在标签的内容中

<p th:text="${url}"></p>
<label th:text="${userName}"></label>
<div th:text="${password}"></div>

3. th:inline内联

• HTML内联

<p th:inline="text">图书名称：[[${book.bookName}]]</p>

• CSS内联

<style type="text/css" th:inline="css">
    .style1 {
        color: [[${color}]];
    }
</style>

• JavaScript内联

<script type="text/javascript" th:inline="javascript">
    alert([[${msg}]]);
</script>

4. th:object 和 *

<div th:object="${book}">
    <p th:text="*{bookId}"></p>
    <p th:text="*{bookName}"></p>
    <p th:text="*{bookAuthor}"></p>
</div>

5. 碎片使用

5.1 碎片的概念

碎片，就是HTML片段，我们可以将多个页面中使用的相同的HTML标签部分单独定义，然后通过th:include可以在HTML网页中引入定义的碎片

 

5.2 碎片使用案例

• 定义碎片：th:fragment
• 引用碎片：th:replace 和 th:include

两者区别：th:include只会将引用的碎片内的文本内容获取过来而不会获取其他的，比如：CSS样式、JS脚本之类的内容，但是th:replace不仅会获取引用碎片内的文本内容，而且会加载其CSS、JS等静态文件