Skip to content

A
alx_java2b_20250412
Commit 5362c128 by Patryk Czarnik
Options

Szablony Thymeleaf dla przykładu time

parent a1849e28
Showing with 101 additions and 1 deletions
PC35-Spring/src/main/java/org/example/demo/TimeController.java
package org.example.demo; package org.example.demo;
import java.time.LocalDate;
import java.time.LocalDateTime; import java.time.LocalDateTime;
import java.time.LocalTime; import java.time.LocalTime;
import java.time.format.DateTimeFormatter; import java.time.format.DateTimeFormatter;
import java.util.ArrayList;
import java.util.List;
import java.util.Locale; import java.util.Locale;
import org.springframework.stereotype.Controller; import org.springframework.stereotype.Controller;
...@@ -57,6 +60,17 @@ public class TimeController { ...@@ -57,6 +60,17 @@ public class TimeController {
dt.toLocalTime(), dt.toLocalDate(), dt.format(FORMAT_DATY)); dt.toLocalTime(), dt.toLocalDate(), dt.format(FORMAT_DATY));
} }
// 2. Tworzymy odpowiedź za pomocą "szablonu" z wykorzystaniem dodatkowej technologii,
// tutaj jest to Thymeleaf, ale może być coś innego: JSP, Velocity, FreeMarker, Mustache, ...
// https://www.thymeleaf.org/
// Gdy metoda w kontrolerze w wyniku zwraca String, a nie posiada adnotacji @ResponseBody,
// to Spring traktuje zwracaną wartość jak nazwę szablonu,
// w odp. miejscu szuka pliku z szablonem i generuje wynik za pomocą tego szablonu.
// Gdy do szablonu chcemy przekazać jakieś dane, to dodajemy je jako atrybuty do modelu.
// Najprościej zrobić to poprzez parametr model.
@GetMapping("/time5") @GetMapping("/time5")
public String time5(Model model) { public String time5(Model model) {
LocalDateTime dt = LocalDateTime.now(); LocalDateTime dt = LocalDateTime.now();
...@@ -64,4 +78,18 @@ public class TimeController { ...@@ -64,4 +78,18 @@ public class TimeController {
return "szablon_czasu_5.html"; return "szablon_czasu_5.html";
} }
@GetMapping("/time6")
public String time6(Model model) {
LocalDateTime dt = LocalDateTime.now();
model.addAttribute("dt", dt);
List<LocalDate> dates = new ArrayList<>();
LocalDate date = dt.toLocalDate();
for(int i = 0; i <= 5; i++) {
dates.add(date.plusWeeks(i));
}
model.addAttribute("futureWeeks", dates);
return "szablon_czasu_6.html";
}
} }
PC35-Spring/src/main/resources/templates/szablon_czasu_5.html
<!DOCTYPE html> <!DOCTYPE html>
<html> <html xmlns:th="http://www.thymeleaf.org">
<head> <head>
<title>Która godzina v5</title> <title>Która godzina v5</title>
</head> </head>
<body> <body>
<h1>Szablon czasu 5</h1> <h1>Szablon czasu 5</h1>
<p>Zaraz powiem, która godzina.</p> <p>Zaraz powiem, która godzina.</p>
<h2>Wersja z [nawiasami]</h2>
<p>Bieżący czas to [[${czas}]].</p> <p>Bieżący czas to [[${czas}]].</p>
<h2>Wersja z <code>th:</code></h2>
<p>Teraz jest <strong th:text="${czas}">1999-12-31 11:22</strong></p>
<h3>Wybrane pola:</h3>
<ul>
<li th:text="${czas.year}"></li>
<li th:text="${czas.month}"></li>
<li th:text="${czas.monthValue}"></li>
<li th:text="${czas.dayOfMonth}"></li>
<li th:text="${czas.dayOfYear}"></li>
<li th:text="${czas.dayOfWeek}"></li>
<li th:text="${czas.hour}"></li>
<li th:text="${czas.minute}"></li>
<li th:text="${czas.second}"></li>
</ul>
</body> </body>
</html> </html>
PC35-Spring/src/main/resources/templates/szablon_czasu_6.html 0 → 100644
<!DOCTYPE html>
<html lang="pl" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Show Time 6</title>
<link rel="stylesheet" type="text/css" th:href="@{/styl.css}" href="../static/styl.css">
</head>
<body>
<h1>Data i czas</h1>
<h3>Trzy sposoby wstawiania wartości atrybutu w Thymeleaf</h3>
<ul>
<!-- th:text oraz data-th-text to są przykłady podejścia "natural template",
czyli że plik jest poprawnym składniowo dokumentem HTML, a dodatkowe magiczne atrybuty powodują specjalne działanie"
gdy ten plik jest przetwarzany przez "silnik thymeleaf".
-->
<!-- Najbardziej zalecane podejście: dodatkowa przestrzeń nazw th
Aby to zadziałało, w HTMLu (najczęściej na samym początku) musi byś zadeklarowana przestrzeń nazw.
"Tekst, który znajduje się wewnątrz znacznika, zastąp wartością zmiennej dt"
-->
<li th:text="${dt}">jakaś godzina 1</li>
<!-- atrybuty "data" wprowadzone w HTML 5
Normalnie takich atrybutów używają skrypty JS, aby w dokumencie zapamiętywać dane,
a tutaj Thymeleaf używa w innym celu.
-->
<li data-th-text="${dt}">jakaś godzina 2</li>
<!-- zagnieżdżone wyrażenia / inline expressions - podejście podobne do JSP, tutaj mniej zalecane -->
<li>to jest wynik: [[${dt}]]</li>
</ul>
<h3>Odwołania do elementów zagnieżdżonych</h3>
<ul>
<!-- tak naprawdę wywołanie dt.getYear() -->
<li>rok: <strong th:text="${dt.year}">1997</strong></li>
<li>dzień roku: <strong th:text="${dt.dayOfYear}">100</strong></li>
<li>dzień tygodnia: <strong th:text="${dt.dayOfWeek}">MONDAY</strong></li>
<li>sekunda: <strong th:text="${dt.second}">33</strong></li>
<!-- Można też wywołać metodę, która coś odczyta, nawet jeśli nie nazywa się getXXX() -->
<li>data: <strong th:text="${dt.toLocalDate()}">2020-04-05</strong></li>
<li>czas: <strong th:text="${dt.toLocalTime()}">10:44:22</strong></li>
<li>miesiąc: <em th:text="${dt.month}">APRIL</em></li>
</ul>
<h3>Odczyt elementów listy</h3>
<p>Ten sam dzień w kolejnych tygodniach:</p>
<ol start="0">
<li th:each="date : ${futureWeeks}" th:text="${date}">2022-08-01</li>
</ol>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment