1.字符串/图片/map集合

  @GetMapping("/hello")

    public String test(Model model){

        String message="first thymeleaf !!";

        model.addAttribute("message",message);

        User u = new User();

        u.setId(1);

        u.setName("ttttttt");

        u.setAge(18);

        Map<String,Object> map=new HashMap<>();

        map.put("s1","/static/1.jpg");

        map.put("s2","/static/2.jpg");

        model.addAttribute("message", message);

        model.addAttribute("user", u);

        model.addAttribute("src", map);

        return "index2";

    }
index2.html

<body>

        <h1 th:text="${message}"></h1>

        <img th:src="${src.s1}"/></br>

        <img th:src="${src.s2}"/></br>

        实体类信息<br>

        <span th:text="${user.id}"></span>

        <span th:text="${user.name}"></span>

        <span th:text="${user.age}"></span>

    <br>

    </body>

访问：http://localhost:8080/test/hello

结果：

2.List集合

@GetMapping("/hello2")

    public String test2(Model model){

        List<User> list=new ArrayList<User>();

        User u1 = new User();

        u1.setId(1);

        u1.setName("11111111");

        u1.setAge(18);

        list.add(u1);

        User u2 = new User();

        u2.setId(2);

        u2.setName("2222222222");

        u2.setAge(28);

        list.add(u2);

        User u3 = new User();

        u3.setId(3);

        u3.setName("3333333333");

        u3.setAge(88);

        list.add(u3);

        User u4 = new User();

        u4.setId(4);

        u4.setName("4444444444");

        u4.setAge(888);

        list.add(u4);

        model.addAttribute("userList", list);

        return "index3";

    }
<body>

    <table width="200" style="text-align: center;">

        <tr>

            <th>编号</th>

            <th>姓名</th>

            <th>年龄</th>

            <th>index</th>

        </tr>

        <tr th:each="user,iterStat : ${userList}">

            <td th:text="${user.id}"></td>

            <td th:text="${user.name}"></td>

            <td th:text="${user.age}"></td>

            <td th:text="${iterStat.index}">index</td>

        </tr>

    </table>

</body>

Springboot---显示图片/字符串/map集合/list集合的更多相关文章

  1. img src 直接显示图片字符串，微信例子

    <div class="weui-cell__hd"><img src="data:image/png;base64,iVBORw0KGgoAAAANS ...

  2. java字符串，数组，集合框架重点

    1.字符串的字面量是否自动生成一个字符串的变量? String  str1  =  “abc”; Sring  str2  =   new String (“abc”); 对于str1:Jvm在遇到双 ...

  3. python之字符串,列表,字典,元组,集合内置方法总结

    目录 数字类型的内置方法 整型/浮点型 字符串类型的内置方法 列表的内置方法 字典的内置方法 元组的内置方法 集合类型内置方法 布尔类型 数据类型总结 数字类型的内置方法 整型/浮点型 加 + 减 - ...

  4. C#中服务端接受前端JSON字符串转换成字典集合

    我们是否可以把从前端接受的JSON字符串转换成字典集合呢? 比如从前端接收:{'size':'10', 'weight':'10kg'} 在服务端转换成:[{size:"10"}, ...

  5. 数组转集合、集合转数组、字符串数组与int型、long型数组等的转换

    在项目中经常会遇到数组转集合.集合转数组.数组之间类型转换等操作 1.数组转集合 为了实现把一个数组转换成一个ArrayList,很多Java程序员会使用如下的代码: String str[] = { ...

  6. Python基础（4）列表、元组、字符串、字典、集合、文件操作

    列表.元组操作 字符串操作 字典操作 集合操作 文件操作 字符编码与转码 详见:http://www.cnblogs.com/alex3714/articles/5717620.html 1.列表和元 ...

  7. Python之路【第二篇】: 列表、元组、字符串、字典、集合

    本文内容: -------------------------------------- 列表.元组操作 字符串操作 字典操作 集合操作 文件操作 字符编码与转码 1. 列表(list) 序列是Pyt ...

  8. Python小白的发展之路之Python基础（二）【字符串、列表、集合、文件操作】

    列表.元组操作 字符串操作 字典操作 集合操作 文件操作 字符编码与转码 1.列表.元组操作 (1)列表 列表是可变的(mutable)——可以改变列表的内容,这不同于字符串和元组,字符串和元组都是不 ...

  9. Delphi 读取 c# webservice XML的base64编码图片字符串转化图片并显示

    Delphi 读取 c# webservice XML的base64编码图片字符串转化图片并显示 在 开发中遇到应用c#及asp.net的在的webservice 保存图片并以xml文件形式现实出来 ...

随机推荐

  1. selenium 获取table数据

    public class Table { /** * @param args */ public static void main(String[] args) { // TODO Auto-gene ...

  2. py related issues

    在python中安装包出现Retrying (Retry(total=4, connect=None, read=None, redirect=None, status=None)) pip inst ...

  3. Linux系统下安装python3.7.3环境

    这里用到的Linux系统是centos7系统,centos7是自带py的但是py的2.7.5版本 连接服务器的使用的是SSH Secure shell 1.首先安装依赖包 1)安装gcc编译器 gcc ...

  4. LauUI 的学习

    LayUI学习笔记 layer laydate layui 学习新技术方法:学习一个新技术,要去把它的文档通读一遍,不管你能不能读明白,就算你不明白也大概能知道它是怎么回事了,一回生二回熟,多读几遍, ...

  5. sudo: gunicorn: command not found的问题

    在阿里云的ubantu云服务器上,python3 通过pip安装gunicorn 在命令行运行gunicorn时提示找不到命令 可以删除已经安装的gunicorn 解决办法: which pip #找 ...

  6. 【JAVA蓝桥杯】基础练习1 十进制转十六进制

    资源限制 时间限制:1.0s   内存限制:512.0MB 问题描述 十六进制数是在程序设计时经常要使用到的一种整数的表示方式.它有0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F共16 ...

  7. Python 爬取 北京市政府首都之窗信件列表-[数据处理]

    日期:2020.01.24 博客期:132 星期五 [代码说明,如果要使用此页代码,必须在本博客页面评论区给予说明] //博客总体说明 1.准备工作 2.爬取工作 3.数据处理(本期博客) 4.信息展 ...

  8. 题解 P4949 【最短距离】

    吼题啊 刚开始看上去又以为是LCT啥子的. 后来发现,TM是个图. 然后果断准备放弃,突然发现只有N个点N条边. woc,这不就一个基环树上树链剖分吗... 关于基环树问题,相信大家都一定很有经验了吧 ...

  9. Dubbo+zookeeper部署到tomcat上注意事项，遇到的问题，闪退，运行报错等

    需要下载工具zookeeper-3.4.14.tar.gz,dubbo-2.5.x.zip,apache-tomcat-8.5.47-windows-x64.zip这些官网都可以先下载到 1.最新的z ...

  10. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 按钮：表示一个危险动作的按钮操作

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...