spring boot使用thymeleaf跳轉(zhuǎn)頁面實例代碼
前言
在學習springboot 之后想結(jié)合著html做個小demo,無奈一直沒掌握竅門,在多番的搜索和嘗試下終于找到了配置的方法,使用thymeleaf做事前端頁面模板,不能使用純html.
thymeleaf介紹
Thymeleaf是面向Web和獨立環(huán)境的現(xiàn)代服務器端Java模板引擎。
Thymeleaf的主要目標是為您的開發(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> <h1>my thymeleaf indexpage</h1> <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";
}
}
測試
點擊更多詳情

項目源碼: github地址
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
SpringBoot 實戰(zhàn) 之 優(yōu)雅終止服務的方法
本篇文章主要介紹了SpringBoot 實戰(zhàn) 之 優(yōu)雅終止服務的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
javax.persistence中@Column定義字段類型方式
這篇文章主要介紹了javax.persistence中@Column定義字段類型方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-11-11
Java Socket實現(xiàn)多人聊天系統(tǒng)
這篇文章主要為大家詳細介紹了Java Socket實現(xiàn)多人聊天系統(tǒng),具有圖形界面,實現(xiàn)文件傳輸功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-07-07
SpringBoot?使用定時任務(SpringTask)的詳細步驟
Cron?表達式非常靈活,可以滿足各種定時任務的需求,但需要注意的是,Cron?表達式只能表示固定的時間點,無法處理復雜的時間邏輯,本文給大家介紹SpringBoot?使用定時任務(SpringTask)的詳細步驟,感興趣的朋友一起看看吧2024-02-02
SpringData JPA實現(xiàn)查詢分頁demo
本篇文章主要介紹了SpringData JPA實現(xiàn)查詢分頁demo,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-03-03

