Creare una webapp per la gestione delle attività in Python

Python è un linguaggio di programmazione versatile e potente che può essere utilizzato per creare una vasta gamma di applicazioni.

In questo tutorial, ti guiderò attraverso i passaggi per creare un’applicazione di gestione delle attività utilizzando Python. L’app consentirà agli utenti di creare, visualizzare, aggiornare e eliminare le attività.

Passo 1: Installazione di Python e librerie necessarie.
Per iniziare, assicurati di avere Python installato sul tuo computer. Puoi scaricare la versione più recente di Python dal sito ufficiale. Inoltre, installeremo Flask, una libreria leggera per creare applicazioni web, utilizzando il comando pip install flask.

Passo 2: Inizializzazione del progetto

Creiamo una nuova cartella per il nostro progetto e apriamo un terminale all’interno di essa. Ora eseguiamo i seguenti comandi per creare l’ambiente virtuale e inizializzare il nostro progetto:

$ mkdir task_manager_app
$ cd task_manager_app
$ python -m venv env
$ source env/bin/activate
$ pip install flask

Passo 3: Creazione del file principale dell’app

Creiamo un file chiamato app.py nella cartella del progetto e apriamolo in un editor di testo. Iniziamo importando Flask e creando un’istanza dell’app:

from flask import Flask

app = Flask(__name__)

if __name__ == '__main__':
    app.run(debug=True)

Passo 4: Creazione delle rotte

Aggiungiamo ora alcune rotte all’app per gestire le diverse operazioni dell’applicazione:

from flask import Flask, render_template

app = Flask(__name__)

tasks = []  # Lista per memorizzare le attività

@app.route('/')
def index():
    return render_template('index.html', tasks=tasks)

@app.route('/add', methods=['POST'])
def add():
    task = request.form['task']
    tasks.append(task)
    return redirect('/')

@app.route('/delete/<int:index>')
def delete(index):
    if index < len(tasks):
        tasks.pop(index)
    return redirect('/')

if __name__ == '__main__':
    app.run(debug=True)


Passo 5: Creazione dei modelli HTML

Creiamo una cartella chiamata templates nella cartella del progetto e all’interno di essa creiamo un file chiamato index.html. Aggiungiamo il seguente codice HTML al file index.html:

<!DOCTYPE html>
<html>
<head>
    <title>Task Manager</title>
</head>
<body>
    <h1>Task Manager</h1>
    <form action="/add" method="post">
        <input type="text" name="task" placeholder="Nuova attività" required>
        <button type="submit">Aggiungi</button>
    </form>
    <ul>
        {% for task in tasks %}
            <li>{{ task }}</li>
            <a href="/delete/{{ loop.index0 }}">Elimina</a>
        {% endfor %}
    </ul>
</body>
</html>


Passo 6: Esecuzione dell’applicazione

Per eseguire l’applicazione, torniamo al terminale e assicuriamoci di essere nella cartella del progetto. Quindi eseguiamo il comando python app.py per avviare il server locale. Apriamo il nostro browser e visitiamo l’URL http://localhost:5000 per visualizzare l’app di gestione delle attività.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *