Thymeleaf前端定义对象

在Thymeleaf前端中定义对象可以使用`th:object`属性来实现。`th:object`将一个Java对象与前端页面绑定起来，使得我们可以通过`${propertyName}`表达式来获取对象的属性值。例如：

<form th:object="${user}" method="post">
    <label>Name:</label>
    <input type="text" th:field="*{name}" />
    <label>Age:</label>
    <input type="text" th:field="*{age}" />
    <button type="submit">Submit</button>
</form>

这个例子中，我们将一个名为`user`的Java对象与前端`<form>`元素绑定起来。然后，我们使用`th:field="*{propertyName}"`语法来绑定输入框和`user`对象的属性。这里的`*`表示相对于`th:object`定义的对象，`{propertyName}`表示对象的属性名，这样就可以将输入框的值自动绑定到`user`对象的属性上了。

此外，我们还可以在前端页面中定义一个新的对象，例如：

<div th:object="${newUser}">
    <label>Name:</label>
    <input type="text" th:field="*{name}" />
    <label>Age:</label>
    <input type="text" th:field="*{age}" />
    <button type="button" onclick="saveUser()">Save</button>
</div>

这个例子中，我们定义了一个名为`newUser`的空对象，并将其与前端`<div>`元素绑定起来。然后，我们在`<div>`中定义了一个输入框和一个按钮，当点击按钮时，会调用JavaScript的`saveUser()`函数，将`newUser`对象的属性值保存到后端。