前端接modelmap的list_怎么使用Model、ModelMap和ModelAndView
时间: 2024-02-25 18:53:48 浏览: 27
在前端接收 ModelMap 中的 List 时,可以通过以下方式使用 Model、ModelMap 和 ModelAndView:
1. 使用 Model:
在 controller 中,将 List 存入 Model 中,然后将视图名称和 Model 对象作为参数传递给 ModelAndView 对象。
```java
@GetMapping("/list")
public String getList(Model model) {
List<String> list = Arrays.asList("apple", "banana", "orange");
model.addAttribute("list", list);
return "list";
}
```
在前端页面中,可以通过 `${list}` 来获取 List 对象。
2. 使用 ModelMap:
与 Model 类似,可以使用 ModelMap 将 List 存入其中,然后将视图名称和 ModelMap 对象作为参数传递给 ModelAndView 对象。
```java
@GetMapping("/list")
public String getList(ModelMap modelMap) {
List<String> list = Arrays.asList("apple", "banana", "orange");
modelMap.addAttribute("list", list);
return "list";
}
```
在前端页面中,可以通过 `${list}` 来获取 List 对象。
3. 使用 ModelAndView:
可以直接将 List 存入 ModelAndView 对象中,然后将视图名称和 ModelAndView 对象作为参数传递给 ModelAndView 对象。
```java
@GetMapping("/list")
public ModelAndView getList() {
List<String> list = Arrays.asList("apple", "banana", "orange");
ModelAndView modelAndView = new ModelAndView("list", "list", list);
return modelAndView;
}
```
在前端页面中,可以通过 `${list}` 来获取 List 对象。
相关推荐
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)