Spring Boot + Thymeleaf：动态更新属性值

Question

我想在页面加载后更新 Thymeleaf 属性的值，以便创建进度条。我有一个 Java 函数，它以百分比形式返回算法的进度，还有一个 Bootstrap 进度条。

<div class="progress md-progress" style="height: 10px;">
    <div id="progress" class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="height: 10px;" th:style="'width:'+ ${value}+'%;'" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>

我的问题是如何在不刷新页面的情况下更新属性“value”的值？我认为它必须是 jQuery 或类似的东西。

Answer 1

可以通过多种方式解决，但您基本上需要 2 个组件：

1. 服务器端的一种 API 方法，可用于了解当前进度值（例如 @RestController），或将进度推送到 websocket 的方法。
2. 网页端的某些东西可以拉取该数据（例如，使用 JQuery、纯 JavaScript、Vue 等），或者以推送（例如 websocket）的方式接收它。

最简单的解决方案可能是使用纯 JavaScript 的 rest 控制器定期执行 AJAX 请求并更新进度条。