SpringBoot -＞ Thymeleaf使用th:each遍历属性加入html

欧皇小德子

已于 2022-02-16 17:30:19 修改

阅读量1.1k

点赞数

分类专栏： SpringBoot Spring 文章标签： spring boot html java

于 2020-10-25 19:10:46 首次发布

本文链接：https://blog.csdn.net/rod0320/article/details/109277265

版权

Spring 同时被 2 个专栏收录

91 篇文章 1 订阅

订阅专栏

SpringBoot

29 篇文章 1 订阅

订阅专栏

html

<!DOCTYPE html>
<!--
    xmlns:th="http://www.thymeleaf.org"
    命名空间:th:
-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>这个是h1</h1>
<!--
使用th:text="${string}--key映射出value
${xx}:用来映射属性
-->
<div th:text="${string}"></div>
<!--这是分隔符-->
<hr>
<h1>这个是h1</h1>
<!--
    th:each="object : ${user}"--遍历key值映射的value
    使用在div行表示遍历属性到div,几条属性对应几个div
-->
<div th:text="${userto}" th:each="userto : ${user}"></div>
<hr>
<h2>这个是h2</h2>
<div>
    <!--不放在div放在span,表示遍历到一组-->
    <span th:text="${userto}" th:each="userto : ${user}"></span>
</div>
<hr>
<div>
    <!--放在中间的效果是th:text="${userto}"放在里面一样的效果,不同的写法 -->
    <span th:each="userto : ${user}">[[${userto}]]</span>
</div>
</body>
</html>

2.代码

package com.rod.springweb.web;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import java.util.Arrays;
import java.util.Map;

@Controller
public class controller {
    @RequestMapping("/html1")
    public String html1(Map<String,Object> map){
        map.put("string","这是h1");
        map.put("user", Arrays.asList("一","二","三"));
        return "html1";
    }
}

3.效果

在这里插入图片描述

欧皇小德子

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
SpringBoot -＞ Thymeleaf使用th:each遍历属性加入html

html<!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org"><head> <meta charset="UTF-8"> <title>Title</title></head><b
复制链接

扫一扫

专栏目录