thymeleaf的常見用法

1,th:屬性名="",就能夠直接修改控件的屬性,好比dom

    <input th:type="button" th:name="xinxin" th:value="caddice"/>等等...spa

2,th:each="xx,xxStat:${後臺傳來的值}",th:text="${xx.屬性}"能夠把傳來的集合遍歷出來,好比code

<table>
    <tr>
        <td colspan="2">人員信息列表</td>
    </tr>
    <tr th:each="person,personStat:${persons}">
        <td th:text="${person.name}"></td>
        <td th:text="${person.age}"></td>
    </tr>
</table>

    這樣就能看到一個列表了。personStat裏面裝的是當前person的一些狀態信息,好比角標之類的。不須要的話能夠直接寫成<tr th:each="person:${persons}">對象

3,th:object="${對象}",th:field="*{屬性}"能夠直接用屬性名調用對象的值,好比blog

<table th:object="${person}">
    <tr>
        <td colspan="2">我的信息</td>
    </tr>
    <tr>
        <td>姓名:</td>
        <td th:field="*{name}"></td>
    </tr>
    <tr>
        <td>年齡:</td>
        <td th:field="*{age}"></td>
    </tr>
</table>

    這樣能夠把person的任意屬性提出來get

*注:要靈活運用,尤爲是$與*符號:若是是從後臺傳過來的,要用$;若是是th:object這種對象裏的,則用*input

4,th:checked="${}",這玩意在選擇框裏用,大括號裏寫int的時候,會把對應的選中。也能夠寫條件,知足的時候選中io

    下面是我項目中的一個用法,是修改信息時候的頁面。由於級聯關係,因此不像主表裏的屬性在頁面顯示出來的時候直接就能選中,因此我在裏面加了一個判斷table

<tr>
  <td>學位:</td>
  <td><input type="radio" th:name="${educationStat.current}" th:checked="${education.degree.name()==degree.name()}" th:each="degree:${degree}" th:text="${degree.getDefaultName()}" th:value="${degree.name()}"/></td>
</tr>

    爲了保持每條教育經歷中學位的name都不能同樣,因此我用了Stat裏的屬性。class

    th:checked中判斷,當數據和枚舉中的值相同時,選中

5,th:if這個就是純判斷了,我只是試過一下,就不舉例子了。若是條件是false的話,整個dom中thymeleaf的用法就都不執行了

相關文章
相關標籤/搜索