欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-08-13 22:33:52
在spring boot 项目中使用thymeleaf模板,将后台数据传递给前台界面。1、将后台数据传递给前台有很多种方式,可以将后台要传递的数据转换成json格式,去传递给前台,也可以通过model...

在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里面。这里就一个例子吧。

@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">)

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