html 中的 th:action 是什么
时间: 2024-03-10 22:45:52 浏览: 63
th:action 是 Thymeleaf 模板引擎中的一个属性,用于指定 HTML 表单提交时的请求 URL。它可以和 th:object 属性一起使用,将表单数据提交到指定的控制器方法中进行处理。具体用法如下:
```html
<form th:action="@{/submit}" th:object="${formData}" method="post">
<!-- 表单内容 -->
</form>
```
在上面的代码中,th:action 属性的值为 "@{/submit}",表示将表单提交到 "/submit" 这个请求 URL 上。th:object 属性的值为 "${formData}",表示将表单数据绑定到名为 "formData" 的对象上。这个对象可以在控制器方法中通过参数绑定获取到。
相关问题
thymeleaf th:action替换代码
在Thymeleaf中,可以使用th:action属性来指定表单提交的目标URL。下面是一个示例代码,将使用th:action替换掉原有的HTML代码:
原有代码:
```html
<form action="/submit" method="post">
<input type="text" name="username" />
<input type="submit" value="Submit" />
</form>
```
使用th:action替换后的代码:
```html
<form th:action="@{/submit}" method="post">
<input type="text" name="username" />
<input type="submit" value="Submit" />
</form>
```
在上面的示例中,使用了Thymeleaf的URL表达式@{}来构建目标URL,这样可以避免硬编码URL,使代码更加灵活。
thymeleaf th:action替换 后端与前端代码
在后端控制器中(如Spring MVC中的控制器),你可以使用@RequestMapping注解来指定对应的处理方法,如下所示:
```java
@Controller
public class MyController {
@PostMapping("/submit")
public String submitForm(@RequestParam("username") String username) {
// 处理表单提交
return "result";
}
}
```
在前端页面中,你可以使用Thymeleaf的表达式语言来渲染表单,如下所示:
```html
<form th:action="@{/submit}" method="post">
<input type="text" name="username" />
<input type="submit" value="Submit" />
</form>
```
在上面的代码中,使用了Thymeleaf的URL表达式@{}来构建目标URL,这样可以避免硬编码URL,使代码更加灵活。同时,使用了Thymeleaf的属性表达式th:action来替换了原有的HTML代码中的action属性,使表单能够正确地提交到后端控制器中。
阅读全文