Почему кнопка href in не перенаправляет ссылку?

Question

У меня есть представление HTML, и это представление отображает список элементов. Все элементы имеют две кнопки (редактировать и удалять). Когда я нажимаю на кнопку «Удалить», все работает правильно, но когда я нажимаю на кнопку «Изменить», новый вид не отображается. Когда я хочу ввести свой прямой URL для редактирования, все работает ...

Это фрагмент моего кода:

<div class="container">
    <!-- topics -->
    <div class="row topic" th:each="user : ${users}">
        <div class="col-4">
            <p>
                <div class="input-group-addon" style="width: 2.6rem"><i class="fa fa-at"></i></div>
                <a class="title " th:href="@{'/user/' + ${user.id}}" th:text="${user.email}"></a>
            </p>
        </div>
        <div class="col-4">
            <p>
                <div class="input-group-addon" style="width: 2.6rem"><i class="fa fa-user"></i></div>
                <a class="title " th:href="@{'/user/' + ${user.id}}" th:text="${user.fullName}"></a>
            </p>
        </div>
        <div class="col-2">
        <form action="#" th:action="@{'/user/drop/{id}'(id=${user.getId()})}" th:method="delete" >
            <input type="hidden" name="_method" value="delete" />
            <button type="submit" class="btn btn-danger">Usuń użytkownika</button>
        </form>
        </div>
        <div class="col-2"></div>
      <!--My failed button-->
            <button type="submit" class="btn btn-warning" th:href="@{'/user/edit/' + ${user.id}}">Edycja</button>
        </div>


    </div>
</div>

Answer 1

A <button> не имеет атрибута href. Что вам нужно, так это "ссылка" (конкретный тег <a> "привязка"):

<a class="btn btn-warning" th:href="@{'/user/edit/' + ${user.id}}">Edycja</a>

<ч />

Причина, по которой ваша другая кнопка "работает", заключается в том, что она является частью <form> и отправляет эту форму. Он не соответствует никаким атрибутам href. Вы также можете сделать эту кнопку частью формы, но это не похоже на предполагаемую функциональность. Предполагаемая функциональность здесь состоит в том, чтобы направлять пользователя на новую страницу, поэтому ссылка является подходящей.