Create a simple to-do list app with Python Flask and Vue.js. Part 2

Zhunisali Shanabek
2 min readFeb 21, 2022

--

In the first article, we made a simple hello world application. In this post, I will show you how to add HTTP requests.

We are gonna make a simple to-do application without saving data on disk persistently. Instead, I will save data in memory. When the application restarts all data will be gone. It's ok that data is gone, cause it’s not a production-ready application. Let’s create a Python list as our database.

Add this function get_all_todos . This function returns the python list todos .

So this is the first request for our application. Get all todos.

You can remove the old hello_world function or replace it by the new function.

Take a look at the new route /todos/ .

When you hit in browser URL called /todos/ Flask understands that this should call the function named get_all_todos . This is how routing happens. You provide a route from the server to your endpoint function. In this case endpoint function is get_all_todos

Go to localhost:5000/todos/ and get all todos

Get one todo

Notice that route in this function is different. There’s an id with int converter. It’s a variable inside route. The function then receives the <int:id> as a keyword argument named id.

In our case id has an integer data type. Sometimes id can be a string or UUID. Optionally you can write:

@app.route('/todos/<id>/')

Without providing a datatype.

What does this function do?

If you write 3 it will search for todo with id 3. In the end, we return one to do.

If todo with id 3 is not found, IndexError is raised. If IndexError is raised we call abort function. This function returns 404 HTTP status code. 404 — is a famous HTTP status code, which tells that the resource you’re looking for is not found.

I tested get_one_todo function.

Perfect! We’ve successfully added simple HTTP GET requests. In the following articles we will add POST and PUT methods.

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

--

--

No responses yet

Write a response