Spring Boot 和 Thymeleaf：链接列表答案

【问题标题】：Spring Boot & Thymeleaf: list of linksSpring Boot 和 Thymeleaf：链接列表
【发布时间】：2020-11-26 21:21:05
【问题描述】：

此处使用 Thymeleaf 作为模板引擎的 Java/Spring Boot Web 应用程序。

我的豆子：

public class InventoryItem {

  private String modelNumber;
  private String name;

  // getters, setters and ctors omitted for brevity
  
}

我的 Spring 控制器：

@Controller
@RequestMapping("/inventory")
public class InventoryController {

  @GetMapping("/{inventoryId}")
  public String viewInventory(@PathVariable("inventoryId") String inventoryId, Model model) {

      List<InventoryItem> inventory = getSomehow(inventoryId);
      model.addAttribute("inventory", inventory);

      return "inventory";

  }
  
}

还有来自 inventory.html 文件的 sn-p，Thymeleaf 必须模板化：

<div class="col-md-4 mt-5">
    <div class="panel-body">Inventory Items</div>
    <ul>
        <li th:each="item :${inventory}" th:text="${item.name}"></li>
    </ul>
</div>

在运行时，这会生成一个很好的库存项目名称无序列表。

我现在想要的是使它成为一个无序列表的超链接 (<a/>)，使得呈现的 HTML 看起来像这样：

<ul>
  <li><a href="/inventoryDetails/12345">Goose</a></li>
  <li><a href="/inventoryDetails/23456">Duck</a></li>
  <!-- etc. -->
</ul>

12345 和 23456 是 InventoryItem#modelNumbers，Goose 和 Duck 是 InventoryItem#names。我已经问过 Google Gods 高低，但找不到使用 Thymeleaf 呈现超链接列表（有序/无序）的工作示例。有什么想法吗？

【问题讨论】：

标签： java spring-boot thymeleaf

【解决方案1】：

这样的事情会起作用......

<div class="col-md-4 mt-5">
    <div class="panel-body">Inventory Items</div>
    <ul>
        <li th:each="item :${inventory}">
            <a th:href="@{/inventoryDetails/{modelNumber}(modelNumber=${item.modelNumber})}" th:text="${item.name}">Goose</a>
        </li>
    </ul>
</div>

如果您想了解有关如何使用 Link URLs 的更多信息，请关注 Thymeleaf 文档。

【讨论】：