服务器之家

服务器之家 > 正文

Spring boot项目使用thymeleaf模板过程详解

时间:2020-07-30 15:07     来源/作者:轻轻的亲亲清清

在spring boot 项目中使用thymeleaf模板,将后台数据传递给前台界面。

1、将后台数据传递给前台有很多种方式,可以将后台要传递的数据转换成json格式,去传递给前台,也可以通过model形式去传递出去,这篇博客主要是使用thymeleaf模板,将后台数据传递给前台。

2、首先要在spring boot 项目中添加如下依赖:

<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

3、这里后台有关如何查询数据,得到数据的具体过程就不在多说了,只是写将数据库中查询到的数据取出来,放到model里面。这里就一个例子吧。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
@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">)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:https://www.cnblogs.com/kuangwl/p/13381812.html

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享 2020-04-07
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
男生常说24816是什么意思?女生说13579是什么意思?
男生常说24816是什么意思?女生说13579是什么意思? 2019-09-17
沙雕群名称大全2019精选 今年最火的微信群名沙雕有创意
沙雕群名称大全2019精选 今年最火的微信群名沙雕有创意 2019-07-07
返回顶部