Python → Python projekti → Python projekat – To-Do web aplikacija u Flask frameworku

Python projekat – To-Do web aplikacija u Flask frameworku

Lekcija 11 od 15 · Python projekti
Za koga je ovaj projekat:
napredni projekat za učenike koji su završili osnovni kurs i lekcije Python za web – obično srednja škola. Za 5–8. razred bolji izbor su projekti sa grafikom i micro:bit-om.

U ovom projektu napravićemo jednostavnu To-Do web aplikaciju koristeći Python i Flask framework.

To-Do aplikacija omogućava korisniku da dodaje zadatke koje treba da uradi.

U ovom projektu naučićete:
  • kako napraviti Flask web aplikaciju
  • kako koristiti HTML template
  • kako slati podatke iz forme
  • kako prikazati listu zadataka

Struktura projekta


projekat/

app.py

templates/
    index.html

Python kod aplikacije


from flask import Flask, render_template, request

app = Flask(__name__)

zadaci = []

@app.route("/", methods=["GET","POST"])
def home():

    if request.method == "POST":

        zadatak = request.form["zadatak"]
        zadaci.append(zadatak)

    return render_template("index.html", zadaci=zadaci)


app.run(debug=True)

HTML template

templates/index.html


<html>

<head>
<title>ToDo lista</title>
</head>

<body>

<h1>Moja ToDo lista</h1>

<form method="POST">

<input type="text" name="zadatak">

<button type="submit">Dodaj</button>

</form>

<ul>

{% for z in zadaci %}

<li>{{ z }}</li>

{% endfor %}

</ul>

</body>

</html>

Kako radi ova aplikacija

  • korisnik unosi zadatak u formu
  • Flask prima podatke pomoću request.form
  • zadatak se dodaje u listu
  • lista zadataka se prikazuje na stranici
Ovaj projekat možete proširiti dodavanjem brisanja zadataka ili čuvanjem podataka u bazi podataka.

Moguća poboljšanja projekta

  • dodati dugme za brisanje zadataka
  • dodati SQLite bazu podataka
  • dodati korisničke naloge
  • poboljšati dizajn stranice

Povezane lekcije


Sledeći projekat

Kako da projekat postane tvoj:
1) prvo pokreni dati kod bez izmena, 2) promeni jednu stvar i predvidi šta će se desiti, 3) dodaj bar jednu sopstvenu funkciju, 4) zapiši u svesku šta si promenio i zašto. Takav dnevnik rada je osnova za rad iz kreativnog programiranja.