Cara menggunakan SpringBoot+Thymeleaf berdasarkan enjin templat moden HTML5
Mulakan
1 Perkenalkan dependensi
SpringBoot menyediakan Thymeleaf’s Starter secara lalai, cuma perlu memperkenalkan kebergantungan.
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>
Versi lalai semasa ialah 2.1 Jika anda ingin menaik taraf versi kepada 3.0, anda boleh mengubah suainya seperti ini.
<properties> <thymeleaf.version>3.0.7.RELEASE</thymeleaf.version> <thymeleaf-layout-dialect.version>2.0.0</thymeleaf-layout-dialect.version> </properties>
Untuk memudahkan pembangunan, kes projek menggunakan alat penyebaran panas, supaya selepas kami mengubah suai halaman, IDEA akan dimuatkan secara automatik, dengan itu mencapai kesan kemas kini panas.
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</artifactId> <scope>runtime</scope> </dependency>
Nota: Memandangkan IDEA mematikan penggunaan panas secara lalai, beberapa tetapan perlu dibuat untuk menjadikannya berkesan. Penyelesaian: Mula-mula tahan Ctrl+Shift+Alt+/ dan kemudian masukkan Registry, kemudian semak compiler.automake.allow.when.app.running. Selain itu, Build->Compiler juga harus menyemak Projek Binaan secara automatik.
2. Tambah konfigurasi yang berkaitan
Thymeleaf telah menghidupkan caching halaman secara lalai. Semasa membangun, caching harus dimatikan. Di samping itu, kami biasanya juga menentukan laluan storan halaman. (Lalainya ialah classpath:/templates/)
application.yml 配置如下： spring: thymeleaf: cache: false #关闭缓存 prefix: classpath:/views/ #添加路径前缀
3 Menulis HTML
Menulis Thymeleaf tidak berbeza dengan menulis halaman HTML5 atribut lanjutan ( th:xx) untuk berinteraksi dengan pelayan untuk data dan mengekalkan gaya halaman asal, yang juga gaya yang disyorkan oleh Thymeleaf. Sebagai contoh, dalam kes mudah berikut, selepas memulakan projek, kami mendapati halaman tersebut melompat ke pautan Jianshu, yang turut mengesahkan keupayaan cemerlang Thymeleaf untuk meliputi data halaman asli.
Kod halaman:
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Thymeleaf</title>
</head>
<body>
<h3>欢迎使用Thymeleaf!!</h3>
<a href="http://www.baidu.com" rel="external nofollow" th:href="${info}" rel="external nofollow" >戳我有惊喜</a>
</body>
</html>Kod belakang:
@Controller
public class UserController {
@GetMapping("/")
public String index(Model model) {
model.addAttribute("info", "user/list");
return "index";
}
@GetMapping("/user")
public String hehe(Model model) {
model.addAttribute("user", new User(UUID.randomUUID().toString(), "yizhiwazi", "20170928"));
return "user";
}
@GetMapping("/user/list")
public String userlist(Model model) {
List<User> userList = new ArrayList<>();
userList.add(new User(UUID.randomUUID().toString(), "yizhiwazi", "20170928"));
userList.add(new User(UUID.randomUUID().toString(), "kumamon", "123456"));
userList.add(new User(UUID.randomUUID().toString(), "admin", "admin"));
model.addAttribute("userList", userList);
return "userList";
}
}Kini kami cuba mengisi semula borang untuk memaparkan maklumat pengguna individu.
<!-- 使用th:object 搭配*{} 可以省略对象名 -->
<form action="/" th:object="${user}" >
<input type="hidden" name="userId" th:value="*{userId}" />
<input type="text" name="username" th:value="*{username}" />
<input type="text" name="password" th:value="*{password}" />
</form>Seterusnya, kami memasukkan kes yang lebih kompleks, seperti memaparkan maklumat senarai pengguna, dan melintasi kumpulan pengguna boleh diselesaikan tanpa menulis teg baharu.
rreeeeAtas ialah kandungan terperinci Cara menggunakan SpringBoot+Thymeleaf berdasarkan enjin templat moden HTML5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Sempadan Jadual dalam HTML
Sep 04, 2024 pm 04:49 PM
Panduan untuk Sempadan Jadual dalam HTML. Di sini kita membincangkan pelbagai cara untuk menentukan sempadan jadual dengan contoh Sempadan Jadual dalam HTML.
Jadual Bersarang dalam HTML
Sep 04, 2024 pm 04:49 PM
Ini ialah panduan untuk Nested Table dalam HTML. Di sini kita membincangkan cara membuat jadual dalam jadual bersama-sama dengan contoh masing-masing.
HTML jidar-kiri
Sep 04, 2024 pm 04:48 PM
Panduan untuk HTML margin-kiri. Di sini kita membincangkan gambaran keseluruhan ringkas tentang HTML margin-left dan Contoh-contohnya bersama-sama dengan Pelaksanaan Kodnya.
Susun Atur Jadual HTML
Sep 04, 2024 pm 04:54 PM
Panduan untuk Susun Atur Jadual HTML. Di sini kita membincangkan Nilai Susun Atur Jadual HTML bersama-sama dengan contoh dan output n perincian.
Pemegang Tempat Input HTML
Sep 04, 2024 pm 04:54 PM
Panduan untuk Pemegang Tempat Input HTML. Di sini kita membincangkan Contoh Pemegang Tempat Input HTML bersama-sama dengan kod dan output.
Senarai Tertib HTML
Sep 04, 2024 pm 04:43 PM
Panduan kepada Senarai Tertib HTML. Di sini kami juga membincangkan pengenalan senarai dan jenis Tertib HTML bersama-sama dengan contoh mereka masing-masing
Memindahkan Teks dalam HTML
Sep 04, 2024 pm 04:45 PM
Panduan untuk Memindahkan Teks dalam HTML. Di sini kita membincangkan pengenalan, cara teg marquee berfungsi dengan sintaks dan contoh untuk dilaksanakan.
Butang onclick HTML
Sep 04, 2024 pm 04:49 PM
Panduan untuk Butang onclick HTML. Di sini kita membincangkan pengenalan, kerja, contoh dan onclick Event masing-masing dalam pelbagai acara.
