THYMELEAF 如何用TH:IF做條件判斷

TestController

增加一個布爾值數據，并且放在model中便于視圖上獲取

package com.how2java.springboot.web;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;import com.how2java.springboot.pojo.Product;@Controller
public class TestController {@RequestMapping("/test")public String test(Model m) {String htmlContent = "<p style='color:red'> 紅色文字</p>";Product currentProduct =new Product(5,"product e", 200);boolean testBoolean = true;m.addAttribute("htmlContent", htmlContent);m.addAttribute("currentProduct", currentProduct);m.addAttribute("testBoolean", testBoolean);return "test";}
}

步驟 5 :

test.html
Thymeleaf 的條件判斷是通過 th:if 來做的，只有為真的時候，才會顯示當前元素

如果testBoolean 是 true ，本句話就會顯示

取反可以用not, 或者用th:unless.

取反，所以如果testBoolean 是 true ，本句話就不會顯示

unless 等同于上一句，所以如果testBoolean 是 true ，本句話就不會顯示

除此之外，三元表達式也比較常見

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head><title>hello</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><link rel="stylesheet" type="text/css" media="all" href="../../webapp/static/css/style.css"th:href="@{/static/css/style.css}"/><script type="text/javascript" src="../../webapp/static/js/thymeleaf.js" th:src="@{/static/js/thymeleaf.js}"></script><style>h2{text-decoration: underline;font-size:0.9em;color:gray;}</style>       
</head>
<body><div class="showing"><h2>條件判斷</h2><p th:if="${testBoolean}" >如果testBoolean 是 true ，本句話就會顯示</p><p th:if="${not testBoolean}" >取反 ，所以如果testBoolean 是 true ，本句話就不會顯示</p><p th:unless="${testBoolean}" >unless 等同于上一句，所以如果testBoolean 是 true ，本句話就不會顯示</p><p th:text="${testBoolean}?'當testBoolean為真的時候，顯示本句話，這是用三相表達式做的':''" ></p>
</div><div class="showing"><h2>顯示 轉義和非轉義的 html 文本</h2><p th:text="${htmlContent}" ></p><p th:utext="${htmlContent}" ></p>
</div><div class="showing"><h2>顯示對象以及對象屬性</h2><p th:text="${currentProduct}" ></p><p th:text="${currentProduct.name}" ></p><p th:text="${currentProduct.getName()}" ></p>
</div><div class="showing" th:object="${currentProduct}"><h2>*{}方式顯示屬性</h2><p th:text="*{name}" ></p>
</div><div class="showing"><h2>算數運算</h2><p th:text="${currentProduct.price+999}" ></p>
</div><div class="showing"><div th:replace="include::footer1" ></div><div th:replace="include::footer2(2015,2018)" ></div>
</div></body></html>

步驟 6 :

關于真假判斷

不只是布爾值的 true 和 false, th:if 表達式返回其他值時也會被認為是 true 或 false，規則如下:

boolean 類型并且值是 true, 返回 true
數值類型并且值不是 0, 返回 true
字符類型(Char)并且值不是 0, 返回 true
String 類型并且值不是 “false”, “off”, “no”, 返回 true
不是 boolean, 數值, 字符, String 的其他類型, 返回 true

值是 null, 返回 false
步驟 7 :

重啟測試

重新啟動Application.java, 然后訪問如下地址測試：

http://127.0.0.1:8080/thymeleaf/test

即可看到如圖所示的效果。
在這里插入圖片描述

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/250010.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/250010.shtml
英文地址，請注明出處：http://en.pswp.cn/news/250010.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！