คำนำ
ในระหว่างกระบวนการพัฒนาจำเป็นต้องใช้เอ็นจิ้นเทมเพลต เห็นได้ชัดว่า JSP ไม่ได้ติดตามการพัฒนาเวลา มันเพียงพอสำหรับ freemarkers หรือไม่? ลองเปลี่ยนเป็น thymeleaf
Springboot แนะนำ Freemarker และ Thymeleaf อย่างเป็นทางการ สิ่งที่ทำให้ Thymeleaf รู้สึกมีพลังมากกว่า FreeMarker คือมันสามารถแทนที่เนื้อหาคงที่ในแท็กแบบไดนามิกเพื่อให้ส่วนหน้าสามารถเขียนหน้าด้วยความอุ่นใจและส่วนหลังสามารถเล่นอินเทอร์เฟซด้วยความสงบของจิตใจเพียงแค่แทนที่ตัวแปร ฉันไม่รู้ว่า Vue ลอกเลียนแบบ thymeleaf หรือ thymeleaf plagiarized vue หรือไม่ แต่ก็ไม่สำคัญ สำหรับพวกเรารหัสทาสมันเป็นเรื่องจริง
หลังจากตรวจสอบข้อมูลและการกำหนดค่าแล้วฉันจะแบ่งปันกระบวนการดำเนินการกับคุณ ฉันจะไม่พูดอะไรมากมายเกี่ยวกับเรื่องนี้ด้านล่าง มาดูการแนะนำรายละเอียดร่วมกันกันเถอะ
1. POM บทนำ
<การพึ่งพา> <roupId> org.springframework.boot </groupId> <ratifactid> Spring-Boot-Starter-Thymeleaf </artifactId>
2. Application.properties เพิ่มการกำหนดค่า 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. เขียน html
<! doctype html> <html lang = "en" xmlns = "http://www.w3.org/1999/xhtml" xmlns: th = "http://www.thymeleaf.org" ย่อหน้า </p> <p th: text = "$ {textValue}"> นี่คือย่อหน้าที่สอง </p> </body> </html>生ทดสอบ
แพ็คเกจ com.mos.easyboot.admin.controller; นำเข้า org.springframework.stereotype.controller; นำเข้า org.springframework.ui.model; นำเข้า org.springframework.web.bind.annotation. @RequestMapping ("ดัชนี") ดัชนีสตริงสาธารณะ (โมเดลโมเดล) {String textValue = "คนที่เหนือกว่าสามารถทำได้เมื่อเขาได้ยินความจริง; จ่าได้ยินความจริงถ้าเขามีอยู่หรือตาย; คนที่ด้อยกว่าหัวเราะ + "ไม่มีเสียงหัวเราะไม่เพียงพอที่จะเป็นเต่า" + "ดังนั้นจึงมีข้อเสนอแนะ: เพื่อให้ชัดเจนเกี่ยวกับวิธีที่จะก้าวไปข้างหน้าเพื่อล่าถอยเป็นวิธีที่ป่าเถื่อนเป็น (lei); เพื่อเป็นคุณธรรมที่ดีที่สุดเพื่อเป็นหุบเขาเป็นสีขาวที่ยิ่งใหญ่เหมือนความอัปยศที่ยิ่งใหญ่ ล่องหน." + "เทาถูกซ่อนอยู่และไม่ได้ตั้งชื่อ" + "เฉพาะเต่าที่ดีในการเริ่มต้นและทำได้ดีในการบรรลุเป้าหมาย"; model.addattribute ("textValue", textValue); กลับ "Demo/Demo"; -5, เอฟเฟกต์หน้า
ที่ดินการแสดงผลข้อมูล
Vue มีปัญหากับ SSR (การเรนเดอร์ฝั่งเซิร์ฟเวอร์) แม้ว่าจะมีวิธีแก้ปัญหา (ดูบทความก่อนหน้าของฉัน "การแยก nuxt.js เพื่อแก้ปัญหา SEO กับด้านหน้าและแบ็กเอนด์" ฉันมักจะรู้สึกว่าเป็นการดีกว่าที่จะให้เทคโนโลยีที่เหมาะสมทำธุรกิจ thymeleaf เทียบเท่ากับการแสดงผลบนเซิร์ฟเวอร์ตรวจสอบซอร์สโค้ดของหน้าดังต่อไปนี้:
สรุป
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่าเนื้อหาของบทความนี้จะมีค่าอ้างอิงบางอย่างสำหรับการศึกษาหรือที่ทำงานของทุกคน หากคุณมีคำถามใด ๆ คุณสามารถฝากข้อความไว้เพื่อสื่อสาร ขอบคุณสำหรับการสนับสนุน Wulin.com