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. Servlet 学习（四）

    HTTP 响应的构成1.HTTP 响应行: 协议.状态.描述 HTTP 1.1 中定义的状态代码 100-199 是信息性代码,标示客户应该采取的其它动作 200-299 表示请求成功 300-399 ...

  2. spring boot中不能识别RestController

    参考:https://blog.csdn.net/qq_16739693/article/details/80271987

  3. Thymeleaf基本知识（推荐）

    原文: http://blog.csdn.net/pdw2009/article/details/44700897 Thymeleaf是个XML/XHTML/HTML5模板引擎,可以用于Web与非We ...

  4. 2020牛客寒假算法基础集训营4 J 二维跑步

    https://ac.nowcoder.com/acm/contest/view-submission?submissionId=43035417 假设有i步选择不动,就有n-i步移动 假设其中又有a ...

  5. Gamma 矫正

    参考如下链接: https://www.zhihu.com/question/27467127

  6. Windows服务器权限分析

    一.Windows常见用户 二.Windows常见用组 2.1Windows常见组 2.2Windows2003常见组 三.Windows目录权限 四.Windows2003默认权限 五.不同环境下的 ...

  7. Celeste 机制研究

    0. 简介.惯例.总论 Celeste (塞莱斯特) 是一个具有优秀手感的平台跳跃游戏. 虽然操作所使用的按键很少, 但是却有着复杂的组合机制. 在游戏实现上, Celeste 是一个锁定 60 帧 ...

  8. prototype入门----自定义创建元素

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. C语言的常用的数据类型有哪些_所占字节分别是多少

    整型 整形打印使用%d short:短整型,占16位,2个字节 int:占32位,4个字节 long:长整型,占4个字节,本来意思比int更多,但是目前来看基本都是和int一样 浮点型 浮点型计算会影 ...

  10. 【IMU_Ops】------III------ IMU自动化运维平台之CMDB（admin）

    说明本文中所有内容仅作为学习使用,请勿用于任何商业用途.本文为原创,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接和本声明. #A 首先启用admin 通过python manage.p ...