Bagaimana caranya kalau-ada di Thymeleaf?

Apa cara terbaik untuk melakukan yang sederhana if- elsedi Thymeleaf?

Saya ingin mencapai efek yang sama di Thymeleaf

<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>

dalam JSTL.

Apa yang saya pikirkan sejauh ini:

<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>

Saya tidak ingin mengevaluasi potentially_complex_expressiondua kali. Itu sebabnya saya memperkenalkan variabel lokal condition. Tetap saya tidak suka menggunakan keduanya th:if="${condition}dan th:unless="${condition}".

Yang penting adalah saya menggunakan dua tag HTML yang berbeda: katakanlah h2dan span.

Bisakah Anda menyarankan cara yang lebih baik untuk mencapainya?

Thymeleaf memiliki kesamaan dengan <c:choose>dan <c:when>: atribut th:switchdan th:casediperkenalkan di Thymeleaf 2.0.

Mereka bekerja seperti yang Anda harapkan, menggunakan *untuk kasus default:

<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>

Lihat ini untuk penjelasan singkat tentang sintaks (atau tutorial Thymeleaf).

Penafian : Seperti yang dipersyaratkan oleh aturan StackOverflow, saya penulis Thymeleaf.

Saya mencoba kode ini untuk mengetahui apakah pelanggan masuk atau anonim. Saya menggunakanth:if dan th:unlessekspresi kondisional. Cara yang cukup sederhana untuk melakukannya.

<!-- 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>

Saya ingin membagikan contoh saya terkait keamanan selain 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>

Berikut adalah ekspresi kompleks dengan objek utilitas 'otentikasi' dan 'otorisasi' campuran yang menghasilkan hasil 'benar / salah' untuk kode templat thymeleaf.

Objek utilitas 'otentikasi' dan 'otorisasi' berasal dari perpustakaan thymeleaf extras springsecurity3 . Ketika objek 'otentikasi' tidak tersedia ATAU otorisasi.ekspresi ('isAuthenticated ()') mengevaluasi menjadi 'false', ekspresi mengembalikan $ {false}, jika tidak $ {true}.

Kamu bisa memakai

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

Contoh:

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

Ini bisa bermanfaat bagi orang baru yang mengajukan pertanyaan yang sama.

Solusi lain - Anda dapat menggunakan variabel lokal:

<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>

Lebih lanjut tentang variabel lokal:
http://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html#local-variables

Dalam kasus yang lebih sederhana (ketika tag html sama):

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

Solusi lain hanya menggunakan notuntuk mendapatkan negasi yang berlawanan:

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

Seperti dijelaskan dalam dokumentasi , itu sama dengan menggunakan th:unless. Seperti jawaban lain telah jelaskan:

Juga, th:ifmemiliki atribut terbalik th:unless,, yang bisa kita gunakan dalam contoh sebelumnya alih-alih menggunakan tidak di dalam ekspresi OGNL

Menggunakan notjuga berfungsi, tetapi IMHO lebih mudah digunakan th:unlessdaripada meniadakan kondisi dengan 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>

masukkan deskripsi gambar di sini

Gunakan th:switchsebagaiif-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>

Gunakan th:switchsebagaiswitch

<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>