在Spring框架中,将列表数据传递到前端页面通常涉及到以下几个核心概念:
在Web应用中,当需要将后端处理的数据展示在前端页面时,通常会使用到列表到页面的转换。例如:
以下是一个简单的Spring MVC控制器示例,演示如何将列表数据传递到Thymeleaf模板:
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import java.util.ArrayList;
import java.util.List;
@Controller
public class ExampleController {
@GetMapping("/list")
public String getList(Model model) {
List<String> items = new ArrayList<>();
items.add("Item 1");
items.add("Item 2");
items.add("Item 3");
model.addAttribute("items", items);
return "list"; // 返回视图名称
}
}
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>List Example</title>
</head>
<body>
<h1>Items List</h1>
<ul>
<li th:each="item : ${items}" th:text="${item}"></li>
</ul>
</body>
</html>
原因:
解决方法:
model.addAttribute("items", items);
将数据添加到Model中。th:each
和th:text
正确显示数据。原因:
解决方法:
list.html
,则返回值应为"list"
。原因:
解决方法:
pom.xml
中添加了Thymeleaf依赖:<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
application.properties
中正确配置了Thymeleaf模板路径:spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
通过以上步骤,可以确保Spring MVC能够正确地将列表数据传递到前端页面并展示出来。
领取专属 10元无门槛券
手把手带您无忧上云