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)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章：
1. 理解PHP5中static和const關(guān)鍵字2. Android table布局開發(fā)實現(xiàn)簡單計算器3. jQuery 實現(xiàn)DOM元素拖拽交換位置的實例代碼4. IntelliJ IDEA安裝插件的方法步驟5. php模擬實現(xiàn)斗地主發(fā)牌6. vue 使用localstorage實現(xiàn)面包屑的操作7. Vue封裝一個TodoList的案例與瀏覽器本地緩存的應(yīng)用實現(xiàn)8. Python random庫使用方法及異常處理方案9. .Net Core使用Coravel實現(xiàn)任務(wù)調(diào)度的完整步驟10. Vuex localStorage的具體使用
網(wǎng)公網(wǎng)安備