SpringMVC thymeleaf 關於layout使用的一些心得

weixin_33890499發表於2017-01-04

前言:本人PHP程式猿一枚,近來想搗鼓搗鼓Java,希望對強型別的語言有深入的理解,就踏上了SpringMVC開發web應用的艱苦之路,由於java只在大學裡學習過差不多一年,工作之後就沒接觸過,所以對java還是很生疏的,不過對程式設計還是有一定的理解的,大多建立在PHP的認知上,望大牛看到了別噴,只想記錄在開發中個人碰到的問題和解決問題的方法。

由於我打算以從後臺管理系統入手,所以開發過程中會考慮到使用佈局(layout)的這種方式,公用頭部,側邊欄(sidebar),底部並且載入公用的css和js資原始檔。

第一步:先在pom.xml檔案中加入nz.net.ultraq.thymeleaf依賴,這個依賴是實現thymeleaf 使用layout佈局的關鍵,如下圖:

952223-6ea431f513f8e57a.png

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

952223-2a61eb0d8a5ebf6a.png

這裡參考了thymeleaf官網layout的文件:傳送門

952223-3882721398929ae7.png

這裡我使用了bean注入的方法實現了官網layout需要的配置。

第三步:配置模板的layout檔案,我這裡將layout檔案命名為base.html,頁面的部分程式碼如下:

952223-bd66f3342de973af.png
952223-43675e6a55b042d7.png

第四步:接下來我們就可以使用base.html作為基礎模板,來往裡面塞入不同的內容來展示頁面,如:

952223-2582499ad7e000f8.png

如果沒有第一步和第二部的操作,這裡IDE會提示layout這個屬性後面的uri is not registed。

最後,來展示下thymeleaf 使用layout佈局的最終html的展示效果:

952223-8a11e35de3316405.png

希望這點小小心得對大家有所幫助。

相關文章