Thymeleaf教程:使用迭代状态变量

需积分: 50 33 下载量 176 浏览量 更新于2024-08-06 收藏 1.33MB PDF 举报
"Thymeleaf 是一个用于Web和独立环境的现代Java模板引擎,支持HTML、XML、JavaScript、CSS和纯文本。它以其自然模板概念为核心,允许在模板中注入逻辑而不影响设计原型,便于模板的维护。Thymeleaf 提供了六种模板模式,包括HTML、XML、TEXT、JAVASCRIPT、CSS和RAW,适应不同场景的需求。对于HTML和XML模式,它不会执行验证,但在XML模式下,输入应确保格式良好。" 在Thymeleaf中,`th:each`是一个非常重要的迭代指令,用于遍历集合并在HTML中展示数据。当使用`th:each`时,Thymeleaf提供了一套丰富的状态变量来跟踪迭代状态: 1. **当前迭代索引**:`index`属性,从0开始,表示当前元素在集合中的位置。 2. **计数索引**:`count`属性,从1开始,为用户提供了更直观的元素顺序感知。 3. **元素总量**:`size`属性,给出了集合中元素的总数。 4. **迭代变量**:`current`属性,代表当前迭代的元素值。 5. **奇偶性判断**:`even`和`odd`布尔属性,根据当前迭代索引的奇偶性返回布尔值,用于样式调整。 6. **首次迭代**:`first`布尔属性,指示当前迭代是否为集合的第一项。 7. **最后一次迭代**:`last`布尔属性,表明当前迭代是否为集合的最后一项。 在给定的示例中,`th:each="prod,iterStat : ${prods}"`遍历名为`prods`的集合,`prod`为当前元素,`iterStat`则包含上述迭代状态。`th:class="${iterStat.odd}? 'odd'"`利用`odd`属性来切换表格行的CSS类,使得交替行具有不同的样式。 Thymeleaf与SpringBoot结合使用时,可以轻松地将后台的数据模型绑定到前端视图,提高开发效率。例如,`th:text="${prod.name}"`和`th:text="${prod.price}"`将产品对象的`name`和`price`属性值分别显示在表格的相应列中。 此外,Thymeleaf支持条件表达式,如`th:text="${prod.inStock}? #{true} : #{false}"`,根据`inStock`属性的值显示相应的本地化文本,这里用`#{true}`和`#{false}`来表示“yes”或“no”。 Thymeleaf是一个强大的模板引擎,提供了丰富的功能和灵活性,使开发者能够便捷地构建动态Web页面,同时保持模板的清晰和可维护性。通过利用`th:each`和其状态变量,可以高效地处理数据迭代和展示,从而提升用户体验。