Removing ToDos from the List

Welcome back! So far, you've done an excellent job building your ToDo application with Flask. You've learned how to set up your project, create and list ToDo items, and even update existing ToDos. In this lesson, we'll complete the core functionality of your app by allowing users to delete ToDo items. This is a crucial feature, enabling users to efficiently manage their list of tasks by removing those they no longer need.

First, let's focus on the TodoService class and the delete method. This method will allow us to remove todo items from the list.

class TodoService:

    # Constructor and other methods...

    # Method to delete an item using its ID
    def delete(self, todo_id):
        # Retrieve the todo item by its ID
        todo = self.get_by_id(todo_id)
        if todo:
            # Remove the matching todo item from the list
            self._todos.remove(todo)
            return True
        return False

The delete method uses the get_by_id to find the item by its ID, then removes it from the list. If the item is found and deleted, the method returns True; otherwise, it returns False.

Now, let's move on to the controller layer, where we will create a new route for deleting todo items.

from flask import Blueprint, redirect, url_for
from services.todo_service import TodoService

todo_service = TodoService()
todo_controller = Blueprint('todo', __name__)

# Routes for listing, adding, and updating items...

# Route for deleting a specific todo item
@todo_controller.route('/delete/<int:todo_id>', methods=['POST'])
def delete(todo_id):
    # Call the delete method in the service layer
    todo_service.delete(todo_id)
    # Redirect to the list of todos after deletion
    return redirect(url_for('todo.list_todos'))

The delete route handles deletion requests by calling the delete method in TodoService to remove the specific todo item with the given ID and then redirects back to the main todo list. Similarly to the update route, it uses URL parameters to capture the item ID and utilizes the POST method, as HTML forms do not support other HTTP methods such as DELETE.