Thymeleaf配合springboot实现遍历

最新推荐文章于 2022-05-22 18:31:47 发布

water-之

最新推荐文章于 2022-05-22 18:31:47 发布

阅读量298

点赞数 42

分类专栏： Springboot学习文章标签： java

本文链接：https://blog.csdn.net/justleavel/article/details/120307306

版权

Springboot学习专栏收录该内容

26 篇文章 2 订阅

订阅专栏

1：控制层代码，写一个数组集合

请添加图片描述

2：视图层：写th:each这里类似于vue语法

请添加图片描述

结果展示：

请添加图片描述

源码：控制层

package com.example.demo.controller;


import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

import java.util.Arrays;


/**
 * @author ${范涛之}
 * @Description
 * @create 2021-09-11 20:31
 * 自动装配
 * 本身就是spring的组件
 */
@Controller
public class HelloController {
    @GetMapping("/test")
    public  String test(Model model){
        model.addAttribute("msg","<h1>helloftzdsj</h1>");


        model.addAttribute("users", Arrays.asList("fantaozhi","dengsijia"));

        return "index";
    }


}

源码：视图层

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div th:text="${msg}"></div>
<div th:utext="${msg}"></div>   //转意

<hr>
<h3 th:each="user:${users}"  th:text="${user}"></h3>
</body>
</html>

同样可以在视图层这样写：
使用中括号（但是不建议）

<h3 th:each="user:${users}"> [[${user}]]</h3>

实现了同样的效果

water-之

关注

42
点赞
踩
4

收藏

觉得还不错? 一键收藏
打赏
1
评论
Thymeleaf配合springboot实现遍历

1：控制层代码，写一个数组集合2：视图层：写th:each这里类似于vue语法结果展示：源码：控制层package com.example.demo.controller;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.web.bind.annotation.GetMapping;import java.u
复制链接

扫一扫