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. unity优化-GPU(网上整理)

    优化-GPUGPU与CPU不同,所以侧重点自然也不一样.GPU的瓶颈主要存在在如下的方面: 填充率,可以简单的理解为图形处理单元每秒渲染的像素数量.像素的复杂度,比如动态阴影,光照,复杂的shader ...

  2. VS误删sln项目文件怎么办

    以项目名为Test为例 打开Test/Test目录下的 Test.vcxproj 文件,试着运行一下,退出后提示保存sln文件,选择一个目录即可.

  3. notepad++常用命令

    1>shift+tab减少缩进 2>tab键增加缩进 3>ctrol+d键复制多行 4>shift+alt+方向箭头,选中列 5>alt+c插入序列 6>ctrl+ ...

  4. JS经典理解例子

    1. var name = 'the window'; var obj = { name:"my obj", getNameFunc:function(){ return func ...

  5. EOS主网搭建教程--&&--搭建节点--&&--搭建mongodb数据库

    EOS主网搭建教程: 1.git clone https://github.com/EOS-Mainnet/eos.git --recursive 2.cd eos 3.git tag (查看有哪些分 ...

  6. 37 java序列化与反序列化

    一.java序列化与反序列化 1.序列化: 是指把java对象转换为字节序列的过程: 2.反序列化:是指把字节序列恢复为java对象的过程. 二.为什么要序列化 我们知道,当两个进程进行远程通信时,可 ...

  7. C++ class without pointer members

      写在前面 Object Oriented class 的分类:带指针的class和不带指针的class, class 的声明         这里有一个inline的概念,写在类里面的默认为inl ...

  8. 最新获取SkyDrive音乐外链mp3地址方法20131003

    最新获取SkyDrive音乐外链方法20131003在文章底部更新,欢迎使用! 这已经是第三次写获取SkyDrive音乐外链mp3地址方法的文章了,因为第一次.第二次都失效了.三篇文章都有个共同点,都 ...

  9. 虚拟机centos7 识别不出网卡的解决方案

    问题提出 之前在VMware安装centos 7(网络连接采取Nat方式),进入Centos 7后成功开启了sshd服务,然后在主机(我的windows系统)用puTTY软件可以ssh到虚拟机上.后来 ...

  10. Caffe2官方使用手册翻译

    详细教程见点击这里 http://www.jianshu.com/c/cf07b31bb5f2