自定义迭代器在Thymeleaf中无法完整遍历，求优化方案

问题根源分析 #

1. 你的ConcreteIterator缺少getCurrent()方法，但模板里直接调用了该方法，这会导致运行时异常（推测你可能临时添加了但未贴出代码）。
2. Thymeleaf的th:while渲染时会重复计算条件表达式，加上你的迭代器状态维护逻辑与模板执行顺序不匹配，最终只显示第一个元素。

方案一：修复th:while遍历逻辑 #

第一步：完善自定义迭代器 #

给ConcreteIterator添加getCurrent()方法，确保能获取当前指向的元素：

public class ConcreteIterator<T> implements MyIterator<T> {
    private List<T> list;
    private int index;
    private T current; // 新增：存储当前元素

    public ConcreteIterator(List<T> list) {
        this.list = list;
        this.index = 0;
        this.current = list.isEmpty() ? null : list.get(0); // 初始化当前元素
    }

    @Override
    public boolean hasNext() {
        return index < list.size();
    }

    @Override
    public T next() {
        if (hasNext()) {
            current = list.get(index);
            index++;
            return current;
        } else {
            throw new IndexOutOfBoundsException("No items left!");
        }
    }

    // 新增：获取当前元素的方法
    public T getCurrent() {
        return current;
    }
}

第二步：修正Thymeleaf的th:while代码 #

调整模板逻辑，用th:with维护局部状态，避免重复调用方法导致的迭代器混乱：

<div th:with="hasNext = ${gameIterator.hasNext()}">
    <div th:while="${hasNext}">
        <div th:text="${gameIterator.getCurrent().getName()}"></div>
        <div th:text="${gameIterator.getCurrent().getDescription()}"></div>
        <!-- 更新迭代器状态与循环条件 -->
        <th:block th:with="nextItem = ${gameIterator.next()}, hasNext = ${gameIterator.hasNext()}"></th:block>
    </div>
</div>

方案二：JavaScript遍历迭代器（前端渲染） #

如果不想在后端模板处理迭代器，可将迭代器元素转成JSON传到前端，用JS完成渲染：

第一步：后端转JSON #

在Controller中把迭代器元素提取为List，再转成JSON字符串：

List<Game> gameList = new ArrayList<>();
while (gameIterator.hasNext()) {
    gameList.add(gameIterator.next());
}
// 用Jackson转JSON，需确保Game类有getter方法
model.addAttribute("gameListJson", new ObjectMapper().writeValueAsString(gameList));

第二步：前端JS渲染 #

<div id="gameContainer"></div>

<script>
    // 解析后端传入的JSON
    const gameList = JSON.parse('[[${gameListJson}]]');
    const container = document.getElementById('gameContainer');

    // 遍历生成DOM
    gameList.forEach(game => {
        const gameCard = document.createElement('div');
        gameCard.innerHTML = `
            <div>${game.name}</div>
            <div>${game.description}</div>
        `;
        container.appendChild(gameCard);
    });
</script>

额外建议 #

• 优先使用Thymeleaf原生的th:each遍历集合，这是模板引擎专门设计的遍历方式，比操作自定义迭代器更简洁且不易出错。
• 自定义迭代器的状态是线程不安全的，模板渲染时多次调用方法容易出现状态混乱，建议后端提前将迭代器转成List再传入模板。

内容的提问来源于stack exchange，提问作者Matte18_ITA