在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">)
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持自学编程网。
- 本文固定链接: https://zxbcw.cn/post/192143/
- 转载请注明:必须在正文中标注并保留原文链接
- QQ群: PHP高手阵营官方总群(344148542)
- QQ群: Yii2.0开发(304864863)