Spring boot 如何在列表上迭代并基于thymeleaf中的文本创建超链接?

Spring boot 如何在列表上迭代并基于thymeleaf中的文本创建超链接?,spring-boot,bootstrap-4,thymeleaf,Spring Boot,Bootstrap 4,Thymeleaf,我正在开发一个食品网站使用春季启动,百里香叶和引导。我需要在网页中显示菜单项。为了显示它,我从数据库中获取数据,然后迭代它来显示。但是,我不能像这样在单个列中显示它。对如何处理这个问题有什么建议吗 代码: ${menu.mainmenuame}“您需要将“th:each”语句移动到div标记中。它类似于: <div th:each="menu: ${mainMenu}" class="col-md-12"> <

我正在开发一个食品网站使用春季启动,百里香叶和引导。我需要在网页中显示菜单项。为了显示它,我从数据库中获取数据,然后迭代它来显示。但是,我不能像这样在单个列中显示它。对如何处理这个问题有什么建议吗

代码:

${menu.mainmenuame}“您需要将“th:each”语句移动到div标记中。它类似于:

  <div th:each="menu: ${mainMenu}" class="col-md-12">
     
     <a class="text-info"  th:value="${menu.id}" th:text="${menu.mainMenuName}" href=""></a>
    
  </div>


请注意,${menu.mainMenuName}”与th:text=“${menu.mainMenuName}

是多余的,我找到了它的解决方案。我以前的方法的问题是,它为每个链接创建col-md-2,因此它显示在单行中,以在下面修复它。方法如下:

<div class="col-md-2">
            <div class="main-menu" th:each="menu: ${mainMenu}">
                <a class="text-info"  th:value="${menu.id}" th:text="${menu.mainMenuName}" href=""></a>
            </div>
        </div>


这是我用来迭代的代码:请回答您的问题,并在那里添加格式化代码,而不是在注释中显示(在注释中不容易阅读)。如果需要,还可以查看格式。这回答了您的问题吗?但是现在链接显示在一行中,而我希望它显示在如图所示的列状结构中。我已将类从col-md-2更改为col-md-12。以下说明来自:。这应该可以满足您的需要。