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. 1-9springboot之thymeleaf常用语法（html页面）

    一.引用命名空间 <html xmlns:th="http://www.thymeleaf.org"> 在html中引入此命名空间,可避免编辑器出现html验证错误,虽 ...

  2. BUUCTF知识记录

    [强网杯 2019]随便注 先尝试普通的注入 发现注入成功了,接下来走流程的时候碰到了问题 发现过滤了select和where这个两个最重要的查询语句,不过其他的过滤很奇怪,为什么要过滤update, ...

  3. mysql之内连接，外连接（左连接，右连接），union，union all的区别

    内连接,外连接,左连接,右连接,全连接 测试数据: CREATE TABLE `a_table` ( `a_id` int(11) DEFAULT NULL, `a_name` varchar(10) ...

  4. luogu P2280 激光炸弹(二维前缀和)

    由题给的xi, yi范围,可以建立二维地图maze[i][j],记录i j范围上的所有目标的价值总和 即有maze[xi][yi] += wi 然后接下来的目标就是求出该二维数组的前缀和 可得到前缀和 ...

  5. day22-Python运维开发基础(正则函数 / 异常处理)

    1. 正则函数 # ### 正则表达式 => 正则函数 import re # search 通过正则匹配出第一个对象返回,通过group取出对象中的值 strvar = "5*7 9 ...

  6. 使用eclipse部署springcloud config从GitHub上获取配置内容出现错误：Auth fail

    Eclipse点击Window > Preferences > General > Network Connections > SSH2 点击"Key Managem ...

  7. [理解] Linux 作为一个服务器是怎样的存在 (一)

    长期以来我就一直有一个疑问, 为什么当我们选择使用服务器的时候都会选择 Linux 作为操作系统, 以至于只要说到服务器就会不由自主的想到Linux, 那么Linux到底是什么呢? 当然我也不会妄谈天 ...

  8. DRF项目之序列化器和视图重写方法的区别

    我们,都知道,DRF框架是一款高度封装的框架. 我们可以通过重写一些方法来实现自定义的功能. 今天,就来说说在视图中重写和序列化器中重写方法的区别. 在视图中重写方法: 接收请求,处理数据(业务逻辑) ...

  9. CSS - 伪类和伪元素

    1. CSS3中 :Pseudo-classes 伪类 ::Pseudo-elements 伪元素 2. 为什么叫伪类和伪元素? 伪类的效果可以通过添加一个实际的类来达到,而伪元素的效果则需要通过添加 ...

  10. .NET List<T>Conat vs AddRange

    最大的不同在于AddRange改变了它所调用的列表,而Concat创建了一个新的List.因此它们有不同的用途. Concat也是一种适用于任何IEnumerable的扩展方法,并返回一个IEnume ...