springboot 与 thymeleaf 两种方式绑定

Question

我正在尝试将百里香与springboot一起使用。 但是发生了一些问题，我不知道为什么。

这是我的代码：

@GetMapping
public String main(Model model) {

    Map<String, String> map = new HashMap<>();
    map.put("field1", "value1");
    map.put("field1", "value1");

    model.addAttribute("myMap", map);
    return "index";
}

这是html：

<div class="nav" th:each="myEntry:${myMap}">
     <label th:text="${myEntry.getKey()}"></label>
     <input th:value="${myEntry.getValue()}">
     <button class="btn" th:onclick="'javascript:trigger()'">Trigger</button>

</div>

如你在java和html中看到的。我为模型设置了一个键值对，并使用它的键作为标签，值作为输入。 当我更改输入字段的值时。 模型中的值（即 myMap）不会改变。

任何人都知道为什么或如何？

Answer 1

thymeleaf 在这里工作的方式是它获取模板，注入模型并将其提供给客户端，这称为服务器端渲染。

当您更改输入字段中的值时，您正在更改客户端并且 HTML 与服务器端完全无关，因为所有后端都为您的页面提供服务。

如果您想在浏览器和服务器之间进行来回通信，通常人们使用 Web 套接字。 这是spring.io 中关于使用 websockets的示例