springboot+thymleaf学习

最新推荐文章于 2024-11-01 21:54:24 发布

max_yuyu

最新推荐文章于 2024-11-01 21:54:24 发布

阅读量83

点赞数

分类专栏： springboot 文章标签： spring boot

本文链接：https://blog.csdn.net/qq_40087726/article/details/114643228

版权

springboot 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

hello.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script th:src="@{/hello.js}"></script>
    <script th:inline="javascriptn
">
        var username = [[${username}]]
    </script>
</head>
<body>



    <!-- 内联方式 -->
    <!-- 这个直接显示-->
    <div>[[${user.name}]]</div>
    <!-- 这个会渲染标签，如果内容有标签会渲染-->
    <div>[(${user.name}]</div>

    <!-- 设置属性值 (这三种属性一样) -->
    <img th:attr="src=@{/1.png},title=${user.name},alt=${user.name}">
    <img th:src="@{1.png}" th:alt="${user.name}" th:title="${user.name}">
    <img th:src="@{1.png}" th:alt-title="${user.name}">
    <!-- 内置对象 -->
    <div th:text="${#execInfo.getNow()}"></div>
    <div th:text="${#arrays.length(user)}"></div>
    <div th:text="${#lists.size(list)}"></div>


    <div th:text="${#session.getAttribute('hi')}">

    </div>
    <div th:with="age=99">
        <div th:text="(${age} ne 8)?'yes':'no'"></div>
    </div>

    <div th:with="age=(99*99/99+1)">
        <div th:text="9 eq 9 and 8 ne 8">==</div>
        <div th:text="9 eq 9 or 8 ne 8">==</div>
        <div th:text="not(9 eq 9 and 8 ne 8)">==</div>
        <div th:text="!(9 eq 9 and 8 ne 8)">==</div>

    </div>
    <div th:with="age=(99*99/99+1)">
        <div th:text="${age} eq 197">==</div>
        <div th:text="${age} ne 197">!=</div>
        <div th:text="${age} gt 197"> > </div>
        <div th:text="${age} ge 197"> >= </div>
        <div th:text="${age} lt 197"> <</div>
        <div th:text="${age} le 197"> <=</div>
    </div>

    <div th:text="'java boy'"></div>
    <div th:text="true"></div>
    <div th:text="'hello'+'javabody'+|hello ${user.name}|"></div>

    <div>
        <!-- 使用 # 方式输出 :国际化属性：#{...} 用于获取国际化语言翻译值。 -->
        <!-- 使用的在.properties文件的属性输出,对应的下图的两个properties文件-->
        <div th:text="#{name}"></div>
        <div></div>
        <!-- 使用 * 方式输出-->
        <div th:object="${user}">
            <div th:text="*{id}"></div>
            <div th:text="*{name}"></div>
            <div th:text="*{addresss}"></div>
        </div>
        <!--  使用 $ 方式输出-->
        <div th:text="${user.id}"></div>
        <div th:text="${user.name}"></div>
        <div th:text="${user.addresss}"></div>
    </div>
    <!-- 遍历-->
    <table border="1px" cellspacing="0" align="center">
        <tr th:each="u,state : ${list}">
            <td th:text="${u.id}"></td>
            <td th:text="${u.name}"></td>
            <td th:text="${u.addresss}"></td>
            <td th:text="${state.index}"></td>
            <td th:text="${state.count}"></td>
            <td th:text="${state.size}"></td>
            <td th:text="${state.current}">当前对象</td>
            <td th:text="${state.odd}"></td>
            <td th:text="${state.even}"></td>
            <td th:text="${state.first}"></td>
            <td th:text="${state.last}"></td>
        </tr>
    </table>
</body>
</html>

messages.properties对应的国际
messages_zh_CN.properties对应的的中国

在这里插入图片描述