Spring boot項目使用thymeleaf模板過程詳解
在spring boot 項目中使用thymeleaf模板,將后臺數(shù)據(jù)傳遞給前臺界面。
1、將后臺數(shù)據(jù)傳遞給前臺有很多種方式,可以將后臺要傳遞的數(shù)據(jù)轉(zhuǎn)換成json格式,去傳遞給前臺,也可以通過model形式去傳遞出去,這篇博客主要是使用thymeleaf模板,將后臺數(shù)據(jù)傳遞給前臺。
2、首先要在spring boot 項目中添加如下依賴:
<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId></dependency>
3、這里后臺有關(guān)如何查詢數(shù)據(jù),得到數(shù)據(jù)的具體過程就不在多說了,只是寫將數(shù)據(jù)庫中查詢到的數(shù)據(jù)取出來,放到model里面。這里就一個例子吧。
@RequestMapping('/')public String index(Model model){Person single=new Person('aa',11);List<Person> people =new ArrayList<Person>();Person p1=new Person('xx',22);Person p2=new Person('dd',33);Person p3=new Person('zz',44);people.add(p1);people.add(p2);people.add(p3);model.addAttribute('singlePerson',single);model.addAttribute('people',people);return 'index';}
4.前臺界面的寫法,
<span th:text='${person.name}'></span> <span th:text='${person.age}'></span>
通過這樣的方法就可以取到放入model中的person的name和age了。
(注:前臺界面要添加上這個代碼:<html xmlns:th='http://www.thymeleleaf.org'>)
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. python GUI庫圖形界面開發(fā)之PyQt5動態(tài)(可拖動控件大小)布局控件QSplitter詳細使用方法與實例2. ASP將數(shù)字轉(zhuǎn)中文數(shù)字(大寫金額)的函數(shù)3. XML 非法字符(轉(zhuǎn)義字符)4. ASP 處理JSON數(shù)據(jù)的實現(xiàn)代碼5. js開發(fā)中的頁面、屏幕、瀏覽器的位置原理(高度寬度)說明講解(附圖)6. CSS清除浮動方法匯總7. 不要在HTML中濫用div8. vue跳轉(zhuǎn)頁面常用的幾種方法匯總9. CSS3實例分享之多重背景的實現(xiàn)(Multiple backgrounds)10. XML入門的常見問題(三)
