web-dev-qa-db-fra.com

Thymeleaf: Comment créer un lien de bouton vers une autre page html?

J'ai un bouton de saisie dans ma page HTML. Je veux lier le bouton à une autre page HTML avec thymeleaf. Ceci est mon code.

<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>

Mon contrôleur fonctionne bien. (Je travaille avec Spring MVC). Mais je ne peux pas comprendre quel est le problème. Je peux faire la même tâche en utilisant HTML. Mais lorsque j'utilise thymeleaf, cela ne fonctionne pas. C'est quand j'ai cliqué sur le bouton que rien ne se passe.

javahtmlspring-mvcthymeleaf
3
sndu

Salut !

Vous pouvez faire de nombreuses façons, mais le plus simple est de donner une classe de boutons à un lien, comme dans l'exemple suivant. Comme cette classe est une classe de bootstrap, vous devez donc avoir une référence pour bootstrap. Depuis que vous utilisez MVC, Bootstrap est déjà lié.

<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>

Suivant Vous pouvez faire ce qui suit:

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

{ 

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

}

Et dans Index of Home, vous pouvez faire:

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

L'ajout de la méthode en tant que "post" corrige le problème

<form id = "hotDealForm" th:action = "@{/hot-deal-step-1}"  method="post">

    <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>
0
sndu