您好,登錄后才能下訂單哦!
本篇文章為大家展示了在spring boot項目中如何實現(xiàn)使用thymeleaf實現(xiàn)頁面跳轉(zhuǎn),內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
前言
在學(xué)習(xí)springboot 之后想結(jié)合著html做個小demo,無奈一直沒掌握竅門,在多番的搜索和嘗試下終于找到了配置的方法,使用thymeleaf做事前端頁面模板,不能使用純html.
thymeleaf介紹
Thymeleaf是面向Web和獨立環(huán)境的現(xiàn)代服務(wù)器端Java模板引擎。
Thymeleaf的主要目標(biāo)是為您的開發(fā)工作流程帶來優(yōu)雅的自然模板 - 可以在瀏覽器中正確顯示HTML,還可以作為靜態(tài)原型工作,從而在開發(fā)團隊中進行更強大的協(xié)作。
使用Spring Framework的模塊,與您最喜愛的工具進行大量集成,以及插入自己的功能的能力,Thymeleaf是現(xiàn)代HTML5 JVM Web開發(fā)的理想選擇,盡管它可以做的更多。
實戰(zhàn)
項目結(jié)構(gòu)
thymeleaf pom依賴
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>
模板頁面
注意使用模板作為頁面時候必須要把模板頁面放在templates文件夾下
index.html
<!DOCTYPE HTML> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>demo</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <h2>my thymeleaf indexpage</h2> <a href="/info/more" rel="external nofollow" >更多詳情</a> </body> </html>
controller
@Controller public class PageController { @RequestMapping("/page") public String page3(Model model){ model.addAttribute("userName","張三"); return "hello"; } @RequestMapping("info/more") public String page2(){ return "hello2"; } @RequestMapping("sys/index") public String page(){ return "sys/index"; } }
測試
點擊更多詳情
上述內(nèi)容就是在spring boot項目中如何實現(xiàn)使用thymeleaf實現(xiàn)頁面跳轉(zhuǎn),你們學(xué)到知識或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識儲備,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。