thymeleaf 嵌套迭代的实现基于选项卡

最新推荐文章于 2022-12-01 13:46:48 发布

萌萌的华

最新推荐文章于 2022-12-01 13:46:48 发布

阅读量4.4k

点赞数

文章标签： thymeleaf

本文链接：https://blog.csdn.net/qq_36895045/article/details/79170935

版权

该博客介绍了如何使用Thymeleaf的th:each语法进行嵌套迭代，特别是在创建基于Bootstrap选项卡的场景下。内容展示了如何处理从后台传来的list和list<list>结构，其中内部list的值用于生成选项卡的URL。示例中，课程ID和课程详情被用来演示这一过程，包括在选项卡中展示课程名称、周期和学期。

摘要由CSDN通过智能技术生成

利用th：each语法就可以实现嵌套迭代

下面是一个基于bootstrap选项卡的实现，里面使用了从后台传来的两个对象，一个是list 一个是list<list>嵌套形式的

第二个嵌套list需要第一个list的值作为选项卡的url

下面以一个简单的课程id 和课程详情为例

<div class="panel panel-default gray-bg">
<div class="panel-heading">
<h4 class="panel-title">当前位置: 组合培养计划->组合</h4>
</div>
<div class="panel-body">
<ul id="tabs" class="nav nav-tabs">
<li th:each="plan, status : ${listPlan}">
<a th:href = "@{'#'+${plan}}"
th:text = "${plan}"