Kata pengantar
Selama proses pengembangan, perlu menggunakan mesin templat. JSP jelas tidak mengikuti perkembangan zaman. Apakah cukup untuk freemarkers? Cobalah berubah menjadi Thymeleaf.
Springboot secara resmi merekomendasikan Freemarker dan Thymeleaf. Apa yang membuat Thymeleaf terasa lebih kuat daripada Freemarker adalah bahwa ia dapat secara dinamis menggantikan konten statis dalam tag, sehingga front-end dapat menulis halaman dengan ketenangan pikiran, dan back-end dapat memainkan antarmuka dengan ketenangan pikiran, cukup ganti variabel. Saya tidak tahu apakah vue menjiplak thymeleaf atau timeleaf menjiplak vue, tetapi itu tidak masalah. Bagi kami, Budak kode, itu hanya praktis.
Setelah meninjau informasi dan mengonfigurasinya, saya akan membagikan proses implementasi dengan Anda. Saya tidak akan banyak bicara tentang itu di bawah ini. Mari kita lihat perkenalan terperinci bersama -sama.
1. PENDAPATAN POM
<dependency> <GroupId> org.springframework.boot </groupid> <ArTifactId> Spring-boot-starter-thymeleaf </t Artifactid> </dependency>
2. Application.Properti Tambahkan Konfigurasi Thymeleaf
spring.thymeleaf.cache = falsespring.thymeleaf.check-template = truespring.thymeleaf.check-template-location = truespring.thymeleaf.content-type = text/htmlspring .thymeleaf.enabled = truespring.thymeleaf.encoding = utf-8spring.thymeleaf.mode = html5spring.thymeleaf.prefix = classpath: /templates/spring.thymeleaf.Suffix=.html
3. Tulis html
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"><head> <title>demo</title></head><body><p>This is the first paragraph</p><p Th: Text = "$ {TextValue}"> Ini adalah paragraf kedua </p> </body> </html>生, tes
Paket com.mos.easyboot.admin.controller; impor org.springframework.stereotype.controller; impor org.springframework.ui.model; import org.sprammapping.web.bind.annotation.requestMappappappappapping;@@reansprammapping.web.bind.annotation.reQuestMapping;@controller@requestMapping (" @RequestMapping ("Index") Public String Index (Model Model) {String TextValue = "Pria Superior hanya bisa melakukannya ketika dia mendengar kebenaran; Sersan mendengar kebenaran, jika dia ada atau mati; pria yang lebih rendah menertawakannya." + "Tidak ada tawa yang tidak cukup untuk menjadi Tao." + "Oleh karena itu, ada saran: untuk lebih jelas tentang jalan, untuk memajukan jalan, untuk mundur; menjadi cara biadab, menjadi (lei); menjadi kebajikan terbaik, menjadi lembah, menjadi orang kulit putih yang hebat dan menjadi hal yang baik dan menjadi tempat yang baik dan menjadi orang yang hebat dan menjadi orang yang baik dan menjadi orang yang baik dan menjadi orang yang baik dan menjadi orang yang baik dan menjadi orang yang baik dan menjadi orang yang baik dan tidak menjadi orang yang baik, untuk menjadi orang yang baik dan menjadi orang yang baik dan menjadi orang yang baik dan tidak ada yang besar; untuk menjadi orang yang baik dan menjadi orang yang baik dan menjadi orang yang baik dan tidak menjadi orang yang baik, untuk menjadi orang yang baik dan menjadi orang yang baik dan menjadi orang yang baik dan menjadi orang yang baik dan menjadi orang yang baik dan tidak ada yang besar; untuk menjadi orang yang baik, untuk menjadi orang yang baik, untuk menjadi orang yang baik, untuk menjadi orang yang baik, untuk menjadi orang yang baik, untuk menjadi orang yang baik, untuk menjadi orang yang baik, menjadi orang yang baik, untuk menjadi orang yang baik, menjadi orang yang baik dan menjadi orang yang baik, menjadi orang yang baik, untuk menjadi orang yang baik, menjadi orang yang baik dan menjadi orang yang baik; tak terlihat." + "Tao disembunyikan dan tidak dinamai." + "Hanya untuk Tao, untuk menjadi baik pada awalnya dan menjadi pandai mencapai."; model.addattribute ("TextValue", TextValue); mengembalikan "demo/demo"; }}5, efek halaman
Tanah, rendering data
Vue memiliki masalah dengan SSR (rendering sisi server). Meskipun ada solusi (lihat artikel saya sebelumnya "Memisahkan nuxt.js untuk menyelesaikan masalah SEO dengan depan dan backends", saya selalu merasa bahwa lebih baik membiarkan teknologi yang tepat melakukan bisnis. Thymeleaf setara dengan rendering di server. Periksa kode sumber halaman sebagai berikut:
Meringkaskan
Di atas adalah seluruh konten artikel ini. Saya berharap konten artikel ini memiliki nilai referensi tertentu untuk studi atau pekerjaan semua orang. Jika Anda memiliki pertanyaan, Anda dapat meninggalkan pesan untuk berkomunikasi. Terima kasih atas dukungan Anda ke wulin.com.