Thymeleaf - 使用确认模式删除答案

【问题标题】：Thymeleaf - delete with confirme modalThymeleaf - 使用确认模式删除
【发布时间】：2018-08-07 04:01:40
【问题描述】：

我想从表中删除对象。问题是我没有删除我单击的对象。我总是删除上面的对象。我做错了什么？

home.html

<tr th:each="fgp : ${fingerprints}">
    <td><a th:href="@{'/home/'+${fgp.fingerprintId}+'/viewFingerprints'}"><button
                        type="button" class="btn btn-success">V</button></a> <a
                th:href="@{'/home/'+${fgp.fingerprintId}+'/editFingerprints'}"><button
                        type="button" class="btn btn-warning">E</button></a>

                <button type="button" class="btn btn-danger" data-toggle="modal"
                    data-target="#myModal"></button>

                <!-- The Modal -->
                <div class="modal fade" id="myModal">
                    <div class="modal-dialog">
                        <div class="modal-content">

                            <!-- Modal Header -->
                            <div class="modal-header">
                                <h4 class="modal-title">Are you sure?</h4>
                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                            </div>

                            <!-- Modal footer -->
                            <div class="modal-footer">
                                <button type="button" class="btn btn-danger"
                                    data-dismiss="modal">Close</button>
                                <a th:href="@{'/home/'+${fgp.fingerprintId}+'/deleteFingerprints'}"><button
                                        type="button" class="btn btn-success">Yes</button></a>
                            </div>
                        </div>
                    </div>
                </div>
            </td>

控制器

@GetMapping("/home/{fingerprintId}/deleteFingerprints")
public String deleteFingerprints(@PathVariable("fingerprintId") int id, Model model) {

    Fingerprints fingerprint = fingerprintRepository.findByFingerprintId(id);

    System.out.println("Fingerprint id: " + fingerprint.getFingerprintId());

    fingerprintRepository.delete(fingerprint);

    return "redirect:/home";
}

【问题讨论】：

编辑是否按预期工作？是否转到正确的指纹 ID？
不，它不会转到正确的指纹 id。我发现错误：我替换为： th:attr="data-target='#myModal'+${fgp.fingerprintId}">D 和 th:attr="id='/home/' +${fgp.fingerprintId}+'/deleteFingerprints'">
很高兴你成功了！
感谢您的建议！ :)

标签： java spring web thymeleaf

【解决方案1】：

<tr th:each="record : ${recordList}" >              
    <td>
    <button type="button" class="btn btn-outline-light text-dark" data-toggle="modal" th:attr="data-target='#recordDeleteModal'+${record.id}">Delete</button>

     <!-- Modal -->
        <div class="modal fade" th:attr="id='recordDeleteModal'+${record.id}" tabindex="-1" role="dialog" aria-labelledby="recordDeleteModalLabel" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="recordDeleteModalLabel">Delete Record</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">
                Are you sure you want to delete this record?
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">No</button>
                <a href="newRecordForm.html" class="btn btn-primary" th:attr="href='/record/'+${record.id}+'/deleteRecord'">Yes</a>
              </div>
            </div>
          </div>
        </div>
        <!-- Modal end --> 

    </td>

【讨论】：

【解决方案2】：

我发现错误：我替换为：

th:attr="data-target='#myModal'+${fgp.fingerprintId}">D</button>

与

th:attr="id='/home/'+${fgp.fingerprintId}+'/deleteFingerprints'">

【讨论】：

您能否更清楚地说明原始代码的哪一部分被这些改进所取代？