java - Thymeleaf:如何将按钮链接到另一个 html 页面？

Question

我的 html 页面中有一个输入按钮。我想用 thymeleaf 将按钮链接到另一个 html 页面。这是我的代码。

<form id="hotDealForm" th:action="@{/hot-deal-step-1}">
    <div class="col-xs-12 col-sm-6 col-md-6">
        This Hot deal
        <br/>
        <input type="button" value="Continue to schedule" class="btn btn-red"/>
    </div>
</form>

我的 Controller 工作正常。 (我正在使用 spring mvc)。但我无法弄清楚问题是什么。我可以使用 html 完成相同的任务。但是当我使用 thymeleaf 时它不起作用。那就是当我点击按钮时没有任何反应。

Answer 1

您好!

您可以使用多种方法，但我发现最简单的方法是为链接提供一个按钮类，如下例所示。由于此类是 Bootstrap 的类，因此您需要引用 Bootstrap 。由于您使用的是 MVC，因此它已经链接了 Bootstrap。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>

   
 <a href="@Url.Action("Index")" class="btn btn-success"> <i class="fa fa-arrow-circle-o-left"></i>&nbsp;Back to List</a>

下一步您可以执行以下操作:

@using (Html.BeginForm("Index", "Home", FormMethod.Post))

{

<input type="submit" value="Go To Dashboard" />

在主页索引中，您可以:

public ApplicationUserManager UserManager
    {
      return RedirectToAction("Index","Dashboard",new{area="Admin"})
    }