標簽(空格分隔)： sringboot adminlte thymeleaf

spring boot 和 adminlte沒有緊密的聯系，只是最近在做的一個東西用spring boot做后端用adminlte做前端，所以就放到spring boot系列里面講。

架構原理

adminlte只是一個庫，說不上什么框架，所以不好說架構原理，他是基于bootstrap做的一個東西

adminlte的layout

暫時基本上只用了adminlte的layout，所以介紹一下adminlte的layout

安裝

到 https://github.com/almasaeed2010/AdminLTE 下載，然后解壓到spring boot項目的 src\main\resources\static 下面就可以了

最簡單的例子

layout.html

AdminLTE 2 | Starter

ALT

AdminLTE

• HEADER
• Link
• Another Link

• Multilevel

  • Link in level 2
  • Link in level 2

Page Header

Optional description

把 starter.html 的一些不是必須的東西去掉就變成上面這樣了，進一步的 Logo和Content Header (Page header) 部分也可以不要的，但是頁面看上去會很難看。

上面的代碼中關鍵的部分是

，，，還有，這些就是adminlte layout的主要組成部分。

關鍵的問題

用adminlte做東西肯定要實現點擊sidebar中的菜單切換content-wrapper中的內容的功能。

問題是sidebar每一條菜單都對應一個html，每個html都包含相同的內容(main-header，main-sidebar部分的內容)，所以這可以抽象成模板的問題，而thymeleaf正好是一個模板解決方案。換句話說，就是讓adminlte的layout作為thymeleaf的一個layout來解決這個問題，這個問題在介紹thymeleaf的時候再講

本文使用我另外的文章 老程序員的一點套路之開源學習 里面介紹的方法進行學習

總結

以上是生活随笔為你收集整理的adminlte支持html5吗,spring boot:用adminlte做前端的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。