삭제 기능 추가하기

 

1. controller에 삭제 메서드 추가

@GetMapping("/delTodo")
    public String delTodo(@RequestParam("delToDo") Long delToDo){
        toDoRepository.deleteById(delToDo);
        return "redirect:/";
    }

 

2. html에 삭제버튼 추가

<li th:each="todo : ${todos}">
      <span th:text="${todo.todo}"></span>
      <a th:href="@{/delTodo(delToDo=${todo.id})}" class="delete-link">&cross;</a>
</li>

- /메서드(파라미터=${데이터 id값}

(데이터베이스의 데이터는 id값을 참조해서 지움)

- &cross 엑스버튼

 

3. 실행 결과

삭제시 데이터베이스 테이블에서도 삭제됨

+ Recent posts