Spring Boot ——Web頁面訪問及模板引擎thymeleaf引入

寫在前面:

根據(jù)之前介紹的,Spring Boot Web項目創(chuàng)建步驟:

  • 創(chuàng)建Spring Boot應(yīng)用巢价,選中我們項目中需要的模塊

  • 項目創(chuàng)建完后鸦做,其基礎(chǔ)配置就已經(jīng)完成,我們只需要在配置文件(application.yml)中指定少量的配置就可以運行

  • 業(yè)務(wù)代碼編寫

一造壮、SpringBoot對靜態(tài)資源的映射

1)在Spring Boot中我們將所有的前端使用的類庫,如:jQuery等 webjars骂束,以jar包的方式放在pom.xml文件中耳璧,自動引入依賴,如:

<dependency> 
   <groupId>org.webjars</groupId>
   <artifactId>jquery</artifactId>
   <version>3.4.1</version>
</dependency>
 

webjars地址: https://www.webjars.org/

Spring Boot源碼會依據(jù)類文件下的目錄訪問對應(yīng)的文件

classpath:/META-INF/resources/webjars/

這里想要詳細(xì)了解可以看源碼中 WebMvcAutoConfiguration類

訪問方式:

啟動Spring Boot, 訪問url:http://localhost:8080/webjars/jquery/3.4.1/jquery.js

2)如何訪問自定義頁面

通過查看Spring Boot的底層代碼WebMvcAutoConfiguration類展箱,得知自定義頁面旨枯,可以存放在,以下文件夾下混驰,即類路徑下的文件夾攀隔,通過訪問http://localhost:8080/dasda.html 即可皂贩,不需要我們關(guān)心,Springboot會自動去查找dasda.html頁面昆汹。

private static final String[] CLASSPATH_RESOURCE_LOCATIONS =
new String[]{
"classpath:/META-INF/resources/",
"classpath:/resources/",
"classpath:/static/",
"classpath:/public/"};
image.png

3)Spring Boot自定義首頁

歡迎頁明刷;靜態(tài)資源文件夾下的所有index.html頁面;被"/**"映射满粗;

源碼:

private Resource getIndexHtml(String location) {
    return this.resourceLoader.getResource(location + "index.html");
}

在不要求訪問哪個頁面時辈末,自定掃描是否含有index.html, 有就會直接訪問index頁面。

二败潦、模板引擎

SpringBoot推薦的Thymeleaf本冲;

語法簡單,功能強(qiáng)大劫扒;

我們也可以在創(chuàng)建項目的時候選擇Thymeleaf模塊

1檬洞、引入thymeleaf;

1)引入thymeleaf

 <dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
    <version>3.0.9.RELEASE</version>
 </dependency>
2沟饥、Thymeleaf使用
@ConfigurationProperties(
    prefix = "spring.thymeleaf"
)
public class ThymeleafProperties {
    private static final Charset DEFAULT_ENCODING;
    public static final String DEFAULT_PREFIX = "classpath:/templates/";
    public static final String DEFAULT_SUFFIX = ".html";
    private boolean checkTemplate = true;
    private boolean checkTemplateLocation = true;
    private String prefix = "classpath:/templates/";
    private String suffix = ".html";
    private String mode = "HTML";
    private Charset encoding;
 

只要我們把HTML頁面放在classpath:/templates/添怔,thymeleaf就能自動渲染;

使用:

1)導(dǎo)入thymeleaf的名稱空間

<html lang="en" xmlns:th="http://www.thymeleaf.org">

2)使用thymeleaf語法贤旷;

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
 <h1>展示</h1>
姓名:<span th:text="${name}"></span>
 口頭語:<span th:text="${say}"></span>
</body>
</html>

3)controller層

@Controller
public class UserController {
    @RequestMapping(value = "user")
    public String UserContext(Map<String,String> user){
        user.put("name","黃曉明");
        user.put("say","我不要你覺得广料,我要我覺得");
        return "user";
    }
}
 

結(jié)果展示:

url: http://localhost:8080/user

image.png
3、語法規(guī)則

th:text幼驶;改變當(dāng)前元素里面的文本內(nèi)容艾杏;

th:任意html屬性;來替換原生屬性的值

下圖顯示其他對應(yīng)jsp標(biāo)簽

image.png

上一篇:Spring Boot ——Spring Boot與日志

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末盅藻,一起剝皮案震驚了整個濱河市购桑,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌氏淑,老刑警劉巖勃蜘,帶你破解...
    沈念sama閱讀 221,198評論 6 514
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異假残,居然都是意外死亡缭贡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,334評論 3 398
  • 文/潘曉璐 我一進(jìn)店門辉懒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來阳惹,“玉大人,你說我怎么就攤上這事眶俩∧露耍” “怎么了?”我有些...
    開封第一講書人閱讀 167,643評論 0 360
  • 文/不壞的土叔 我叫張陵仿便,是天一觀的道長体啰。 經(jīng)常有香客問我,道長嗽仪,這世上最難降的妖魔是什么荒勇? 我笑而不...
    開封第一講書人閱讀 59,495評論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮闻坚,結(jié)果婚禮上沽翔,老公的妹妹穿的比我還像新娘。我一直安慰自己窿凤,他們只是感情好仅偎,可當(dāng)我...
    茶點故事閱讀 68,502評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著雳殊,像睡著了一般橘沥。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上夯秃,一...
    開封第一講書人閱讀 52,156評論 1 308
  • 那天座咆,我揣著相機(jī)與錄音,去河邊找鬼仓洼。 笑死介陶,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的色建。 我是一名探鬼主播哺呜,決...
    沈念sama閱讀 40,743評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼箕戳!你這毒婦竟也來了某残?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,659評論 0 276
  • 序言:老撾萬榮一對情侶失蹤漂羊,失蹤者是張志新(化名)和其女友劉穎驾锰,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體走越,經(jīng)...
    沈念sama閱讀 46,200評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡椭豫,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,282評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了旨指。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片赏酥。...
    茶點故事閱讀 40,424評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖谆构,靈堂內(nèi)的尸體忽然破棺而出裸扶,到底是詐尸還是另有隱情,我是刑警寧澤搬素,帶...
    沈念sama閱讀 36,107評論 5 349
  • 正文 年R本政府宣布呵晨,位于F島的核電站魏保,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏摸屠。R本人自食惡果不足惜谓罗,卻給世界環(huán)境...
    茶點故事閱讀 41,789評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望季二。 院中可真熱鬧檩咱,春花似錦、人聲如沸胯舷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,264評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽桑嘶。三九已至炊汹,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間不翩,已是汗流浹背兵扬。 一陣腳步聲響...
    開封第一講書人閱讀 33,390評論 1 271
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留口蝠,地道東北人器钟。 一個月前我還...
    沈念sama閱讀 48,798評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像妙蔗,于是被迫代替她去往敵國和親傲霸。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,435評論 2 359