Thymeleaf前端定义值

在Thymeleaf前端定义值可以使用`th:with`属性来实现。`th:with`允许我们在前端页面中定义一个新的变量，并将其赋值为一个表达式的值。例如：

<div th:with="username=${user.name}">
    <p th:text="'Welcome, ' + ${username}"></p>
</div>

这个例子中，我们使用`th:with`定义了一个名为`username`的变量，并将其赋值为`user.name`的值。然后，我们可以使用`${username}`表达式来获取这个变量的值。在此例中，我们在`<p>`元素中使用表达式`'Welcome, ' + ${username}`，将`username`变量的值与字符串`'Welcome, '`拼接在一起。

除了`th:with`之外，我们还可以使用`th:text`、`th:value`、`th:href`、`th:src`等属性来定义变量值。这些属性允许我们将表达式的值赋给不同的HTML属性，从而实现前端逻辑。例如：

<button th:text="${actionName}" th:onclick="${actionFunction}()">Do Action</button>

这个例子中，我们使用`th:text`将`${actionName}`表达式的值赋给按钮的文本属性，使用`th:onclick`将`${actionFunction}()`表达式的值赋给按钮的点击事件属性，从而实现了一个动态的按钮。