SpringMVC thymeleaf 關(guān)于layout使用的一些心得

前言:本人PHP程序猿一枚,近來(lái)想搗鼓搗鼓Java,希望對(duì)強(qiáng)類型的語(yǔ)言有深入的理解,就踏上了SpringMVC開(kāi)發(fā)web應(yīng)用的艱苦之路,由于java只在大學(xué)里學(xué)習(xí)過(guò)差不多一年,工作之后就沒(méi)接觸過(guò),所以對(duì)java還是很生疏的,不過(guò)對(duì)編程還是有一定的理解的,大多建立在PHP的認(rèn)知上,望大??吹搅藙e噴,只想記錄在開(kāi)發(fā)中個(gè)人碰到的問(wèn)題和解決問(wèn)題的方法。

由于我打算以從后臺(tái)管理系統(tǒng)入手,所以開(kāi)發(fā)過(guò)程中會(huì)考慮到使用布局(layout)的這種方式,公用頭部,側(cè)邊欄(sidebar),底部并且加載公用的css和js資源文件。

第一步:先在pom.xml文件中加入nz.net.ultraq.thymeleaf依賴,這個(gè)依賴是實(shí)現(xiàn)thymeleaf 使用layout布局的關(guān)鍵,如下圖:

第二步:在servlet.xml容器中注入thymeleaf模板引擎(不知道描述的對(duì)不對(duì),門(mén)外漢),如下:

這里參考了thymeleaf官網(wǎng)layout的文檔:傳送門(mén)

這里我使用了bean注入的方法實(shí)現(xiàn)了官網(wǎng)layout需要的配置。

第三步:配置模板的layout文件,我這里將layout文件命名為base.html,頁(yè)面的部分代碼如下:

第四步:接下來(lái)我們就可以使用base.html作為基礎(chǔ)模板,來(lái)往里面塞入不同的內(nèi)容來(lái)展示頁(yè)面,如:

如果沒(méi)有第一步和第二部的操作,這里IDE會(huì)提示layout這個(gè)屬性后面的uri is not registed。

最后,來(lái)展示下thymeleaf 使用layout布局的最終html的展示效果:

希望這點(diǎn)小小心得對(duì)大家有所幫助。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,812評(píng)論 25 709
  • Thymeleaf簡(jiǎn)介 前面的例子我們使用的視圖技術(shù)主要是JSP。JSP的優(yōu)點(diǎn)是它是Java EE容器的一部分,幾...
    樂(lè)百川閱讀 9,156評(píng)論 2 56
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,506評(píng)論 19 139
  • Spring Boot 參考指南 介紹 轉(zhuǎn)載自:https://www.gitbook.com/book/qbgb...
    毛宇鵬閱讀 47,256評(píng)論 6 342
  • *還記得 風(fēng)雨里 和你相逢 早知道 如此匆匆 又何必 和你相逢 往事一幕幕 傷心一幕幕 你的眼光你的笑 你的叮嚀你...
    95栗子寶寶閱讀 160評(píng)論 0 0

友情鏈接更多精彩內(nèi)容