时间戳

首页 > 解决方案 > 如何在二维数组中显示空闲标记列表元素

spring-boot - 如何在二维数组中显示空闲标记列表元素

问题描述

我是 freemarker 模板的新手。有人可以帮我吗？

我从 Spring 控制器获取产品列表，我想在每行显示 4 个产品。我使用的是 div 而不是 table。任何帮助表示赞赏。

下面的代码在每一行中显示一个元素。

<div class="container">
  <#list products as product>
      <div class="row">
          <div class="col-12">
              <div class="popular-products-slides owl-carousel">
                  <!-- Single Product section item starts here -->
                  <div class="single-product-wrapper">
                      <!-- Product Image -->
                      <div class="product-img">
                          <img src="${product.frontImageURL}" alt="" style="width: 200px; height: 400px;">
                          <!-- Hover Thumb -->
                          <img class="hover-img" src="${product.backImageURL}" alt="" style="width: 200px; height: 400px;">
                      </div>
                      <!-- Product Description -->
                      <div class="hover-content">
                          <div class="product-description">
                              <a href="${product.hyperLink}" target="_blank">
                                  <h4>${product.productName}</h4>
                              </a>
                          </div>
                      </div>
                  </div>
                  <!-- single product section item ends here-->
              </div>
          </div>
      </div>
  </#list>
</div>

标签： spring-bootfreemarker

解决方案

用#list包围你的 div

 <#list products as product>
  // your div
  </#list>

并列出散列的键值对（自 2.3.25 起）：

<#list hash as key, value>
Part repeated for each key-value pair
 </#list>

推荐阅读