thymeleaf按钮跳转页面
149浏览 · 2023-09-05 12:14:04
要在 Thymeleaf 中创建一个按钮来跳转到另一个页面，你需要使用HTML的`<form>`元素。
首先，你需要在HTML中创建一个表单。这可以通过以下[代码](https://geek.csdn.net/educolumn/1572ef9b473b4e00f6b2bf6d428b7c27?spm=1055.2569.3001.10083)完成：
<form action="/[page](https://geek.csdn.net/educolumn/1c66455c37fe0c4b32e4414c4c6aeead?spm=1055.2569.3001.10083)2" method="get">
<button type="submit">Go to page 2</button>
</form>
这将创建一个表单，其中`action`属性定义了[目标](https://geek.csdn.net/educolumn/06c7a9ffb1969a0ad080048a16f82c4e?spm=1055.2569.3001.10083)页面的URL（在这个例子中是`/page2`），而`method`属性定义了HTTP请求方法（在这个例子中是GET方法）。
然后，在按钮元素中添加`type="submit"`属性，使其成为一个[提交](https://geek.csdn.net/educolumn/1c1853e8edfbe5e9e77c2d84d0e8d8f5?spm=1055.2569.3001.10083)按钮。
现在，如果用户单击该按钮，将发送一个GET请求到`/page2` URL。你可以在这个页面上定义一个控制器来处理这个请求并返回一个新的[视图](https://geek.csdn.net/educolumn/16d64c826bce43361f2b0cb609152e67?spm=1055.2569.3001.10083)。
注意，如果你不想使用表单，你也可以使用JavaScript或链接来创建一个按钮来跳转到另一个页面。