Làm thế nào để làm if-other trong Thymeleaf?

Cách tốt nhất để làm một cách đơn giản if- elsetrong Thymeleaf là gì?

Tôi muốn đạt được trong Thymeleaf hiệu quả tương tự như

<c:choose>
  <c:when test="${potentially_complex_expression}">
     <h2>Hello!</h2>
  </c:when>
  <c:otherwise>
     <span class="xxx">Something else</span>
  </c:otherwise>
</c:choose>

trong JSTL.

Những gì tôi đã tìm ra cho đến nay:

<div th:with="condition=${potentially_complex_expression}" th:remove="tag">
    <h2 th:if="${condition}">Hello!</h2>
    <span th:unless="${condition}" class="xxx">Something else</span>
</div>

Tôi không muốn đánh giá potentially_complex_expressionhai lần. Đó là lý do tại sao tôi giới thiệu biến cục bộ condition. Tôi vẫn không thích sử dụng cả hai th:if="${condition}và th:unless="${condition}".

Một điều quan trọng là tôi sử dụng hai thẻ HTML khác nhau: giả sử h2và span.

Bạn có thể đề xuất một cách tốt hơn để đạt được nó?

Thymeleaf có một tương đương với <c:choose>và <c:when>: các thuộc tính th:switchvà th:caseđược giới thiệu trong Thymeleaf 2.0.

Chúng hoạt động như bạn mong đợi, sử dụng *cho trường hợp mặc định:

<div th:switch="${user.role}"> 
  <p th:case="'admin'">User is an administrator</p>
  <p th:case="#{roles.manager}">User is a manager</p>
  <p th:case="*">User is some other thing</p> 
</div>

Xem phần này để được giải thích nhanh về cú pháp (hoặc hướng dẫn về Thymeleaf).

Tuyên bố miễn trừ trách nhiệm : Theo yêu cầu của quy tắc StackOverflow, tôi là tác giả của Thymeleaf.

Tôi đã thử mã này để tìm hiểu xem khách hàng đã đăng nhập hay ẩn danh. Tôi đã sử dụng các biểu thức th:ifvà th:unlessđiều kiện. Cách khá đơn giản để làm điều đó.

<!-- IF CUSTOMER IS ANONYMOUS -->
<div th:if="${customer.anonymous}">
   <div>Welcome, Guest</div>
</div>
<!-- ELSE -->
<div th:unless="${customer.anonymous}">
   <div th:text=" 'Hi,' + ${customer.name}">Hi, User</div>
</div>

Tôi muốn chia sẻ ví dụ của tôi liên quan đến bảo mật ngoài Daniel Fernández.

<div th:switch="${#authentication}? ${#authorization.expression('isAuthenticated()')} : ${false}">
    <span th:case="${false}">User is not logged in</span>
    <span th:case="${true}">Logged in user</span>
    <span th:case="*">Should never happen, but who knows...</span>
</div>

Dưới đây là biểu thức phức tạp với các đối tượng tiện ích 'xác thực' và 'ủy quyền' hỗn hợp tạo ra kết quả 'đúng / sai' cho mã mẫu của thymeleaf.

Các đối tượng tiện ích 'xác thực' và 'ủy quyền' đến từ thư viện lò xo bổ sung của thymeleaf . Khi đối tượng 'xác thực' không khả dụng HOẶC ủy quyền.expression ('isAuthenticated ()') ước tính thành 'false', biểu thức trả về $ {false}, nếu không $ {true}.

Bạn có thể dùng

If-then-else:  (if) ? (then) : (else)

Thí dụ:

'User is of type ' + (${user.isAdmin()} ? 'Administrator' : (${user.type} ?: 'Unknown'))

Nó có thể hữu ích cho những người mới hỏi cùng một câu hỏi.

Một giải pháp khác - bạn có thể sử dụng biến cục bộ:

<div th:with="expr_result = ${potentially_complex_expression}">
    <div th:if="${expr_result}">
        <h2>Hello!</h2>
    </div>
    <div th:unless="${expr_result}">
        <span class="xxx">Something else</span>
    </div>
</div>

Tìm hiểu thêm về các biến cục bộ:
http://www.thymeleaf.org/doc/tutorials/2.1/USEthymeleaf.html#local-variables

Trong trường hợp đơn giản hơn (khi các thẻ html giống nhau):

<h2 th:text="${potentially_complex_expression} ? 'Hello' : 'Something else'">/h2>

Một giải pháp khác chỉ là sử dụng notđể có được sự phủ định ngược lại:

<h2 th:if="${potentially_complex_expression}">Hello!</h2>
<span class="xxx" th:if="${not potentially_complex_expression}">Something else</span>

Như đã giải thích trong tài liệu , nó giống như sử dụng th:unless. Như những câu trả lời khác đã giải thích:

Ngoài ra, th:ifcó một thuộc tính nghịch đảo th:unless, mà chúng ta có thể đã sử dụng trong ví dụ trước thay vì sử dụng không nằm trong biểu thức OGNL

Sử dụng notcũng hoạt động, nhưng IMHO nó dễ đọc hơn để sử dụng th:unlessthay vì phủ nhận điều kiện với not.

<div th:switch="${user.role}"> 
<p th:case="'admin'">User is an administrator</p>
<p th:case="#{roles.manager}">User is a manager</p>
<p th:case="*">User is some other thing</p> 
</div>


<div th:with="condition=${potentially_complex_expression}" th:remove="tag">
<h2 th:if="${condition}">Hello!</h2>
<span th:unless="${condition}" class="xxx">Something else</span>
</div>

<div style="width:100%">
<span th:each="i : ${#numbers.sequence(1, 3)}">
<span th:if="${i == curpage}">
<a href="/listEmployee/${i}" class="btn btn-success custom-width" th:text="${i}"></a
</span>
<span th:unless="${i == curpage}">
<a href="/listEmployee/${i}" class="btn btn-danger custom-width" th:text="${i}"></a> 
</span>
</span>
</div>

nhập mô tả hình ảnh ở đây

Sử dụng th:switchnhư mộtif-else

<span th:switch="${isThisTrue}">
  <i th:case="true" class="fas fa-check green-text"></i>
  <i th:case="false" class="fas fa-times red-text"></i>
</span>

Sử dụng th:switchnhư mộtswitch

<span th:switch="${fruit}">
  <i th:case="Apple" class="fas fa-check red-text"></i>
  <i th:case="Orange" class="fas fa-times orange-text"></i>
  <i th:case="*" class="fas fa-times yellow-text"></i>
</span>