SpringBoot系列教材 (三十二)- Thymeleaf - thymeleaf 如何用th:each 做条件遍历

步骤1:基于前面的知识点
步骤2:先运行,看到效果,再学习
步骤3:模仿和排错
步骤4:TestController
步骤5:普通遍历
步骤6:带状态的遍历
步骤7:结合 select
步骤8:结合 单选框
步骤9:完整的 test.html
步骤10:重启测试

步骤 1 : 基于前面的知识点

本知识点是建立在上一个知识点可运行项目的基础上进行的改进,所以最好把上个知识点理解和消化了.

步骤 2 : 先运行,看到效果,再学习

老规矩,先下载下载区(点击进入)的可运行项目,配置运行起来,确认可用之后,再学习做了哪些步骤以达到这样的效果。
运行Application.java 然后访问如下测试地址:

http://127.0.0.1:8080/thymeleaf/test


可以看到如图所示的集中常见遍历需求
1. 单纯表格
2. 取status值的表格
3. 下拉框
4. 单选框

先运行,看到效果,再学习

步骤 3 : 模仿和排错

在确保可运行项目能够正确无误地运行之后,再严格照着教程的步骤,对代码模仿一遍。
模仿过程难免代码有出入,导致无法得到期望的运行结果,此时此刻通过比较正确答案 ( 可运行项目 ) 和自己的代码,来定位问题所在。
采用这种方式,学习有效果,排错有效率,可以较为明显地提升学习速度,跨过学习路上的各个槛。

推荐使用diffmerge软件,进行文件夹比较。把你自己做的项目文件夹,和我的可运行项目文件夹进行比较。
这个软件很牛逼的,可以知道文件夹里哪两个文件不对,并且很明显地标记出来
这里提供了绿色安装和使用教程:diffmerge 下载和使用教程

步骤 4 : TestController

准备集合 List<Product> 用于视图上显示。
需要注意的是 第5个产品用的是 currentProduct

package com.how2java.springboot.web;

import java.util.ArrayList;

import java.util.List;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.web.bind.annotation.RequestMapping;

import com.how2java.springboot.pojo.Product;

  

@Controller

public class TestController {

  

    @RequestMapping("/test")

    public String test(Model m) {

        String htmlContent = "<p style='color:red'> 红色文字</p>";

        Product currentProduct =new Product(5,"product e"200);

        boolean testBoolean = true;

         

        List<Product> ps = new ArrayList<>();

        ps.add(new Product(1,"product a"50));

        ps.add(new Product(2,"product b"100));

        ps.add(new Product(3,"product c"150));

        ps.add(new Product(4,"product d"200));

        ps.add(currentProduct);

        ps.add(new Product(6,"product f"200));

        ps.add(new Product(7,"product g"200));       

         

        m.addAttribute("ps", ps);

        m.addAttribute("htmlContent", htmlContent);

        m.addAttribute("currentProduct", currentProduct);

        m.addAttribute("testBoolean", testBoolean);

         

        return "test";

    }

}

步骤 5 : 普通遍历

使用 th:each 遍历

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值