SpringBoot配合Thymeleaf完美实现遍历功能

1:控制层代码,写一个数组集合

815EEDC7-1887-0A6E-6EE6-A04346B71962.png

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

2A5BA8BA-AAFA-B3D0-46BD-AD1508E75C8C.png

结果展示:

005B2544-7065-7E27-E8E7-62DBDF93C730.png

源码:控制层
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>

实现了同样的效果

收藏 (0)
评论列表
正在载入评论列表...
我是有底线的
为您推荐
    暂时没有数据