0Pricing
Python Academy · Lezione

Creazione di una semplice app web

Crei la sua prima applicazione web usando Flask

Creazione di una semplice app web è una lezione Python Academy gratuita su CoddyKit. Questa è la lezione 3 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Python Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Python Academy include 4 lezioni in totale.

Creare una semplice app web

Creare una semplice app web

Ora che avete appreso le nozioni di base di Flask, è il momento di creare una semplice applicazione web. Questa app includerà più route, template HTML e alcune funzionalità interattive.

In questa lezione creeremo passo dopo passo una semplice app web.

Creazione di una semplice app web — illustrazione 1

Passaggio 1: configurare il progetto

Passaggio 1: configurare il progetto

Create una nuova cartella per il progetto e inizializzate un ambiente virtuale:

python -m venv venv

Attivate l'ambiente virtuale e installate Flask:

pip install flask
# Setting up the project
from flask import Flask

app = Flask(__name__)
print("Project setup complete")

Passaggio 2: creare la struttura dell'app

Passaggio 2: creare la struttura dell'app

Create le cartelle e i file seguenti:

  • app.py: file principale dell'applicazione.
  • templates/: cartella per i template HTML.
  • static/: cartella per i file statici, come i CSS e le immagini.

Passaggio 3: definire le route

Passaggio 3: definire le route

In app.py, definite le route per la home page e per una pagina informativa:

# Defining routes
from flask import Flask

app = Flask(__name__)

@app.route('/')
def home():
    return '<h1>Welcome to My Web App</h1>'

@app.route('/about')
def about():
    return '<h1>About This App</h1>'

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

Passaggio 4: aggiungere i template

Passaggio 4: aggiungere i template

Create un file HTML denominato home.html all'interno della cartella templates/:

<!-- home.html -->
<!DOCTYPE html>
<html>
<head>
    <title>Home</title>
</head>
<body>
    <h1>Welcome to My Web App</h1>
    <a href="/about">About</a>
</body>
</html>

Passaggio 5: utilizzare render_template

Passaggio 5: utilizzare render_template

Aggiornate le route home e about per utilizzare i template:

# Using templates
from flask import render_template

@app.route('/')
def home():
    return render_template('home.html')

@app.route('/about')
def about():
    return render_template('about.html')

Passaggio 6: aggiungere i file statici

Passaggio 6: aggiungere i file statici

Create un file style.css all'interno della cartella static/ e collegatelo in home.html:

/* style.css */
body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f9;
    color: #333;
}

Passaggio 7: eseguire l'app

Passaggio 7: eseguire l'app

Eseguite l'applicazione Flask:

python app.py

Aprite il browser e visitate http://127.0.0.1:5000/ per vedere l'app web in funzione.

Errori comuni nella creazione di app web

Errori comuni nella creazione di app web

Ecco alcuni errori da evitare:

  • Non organizzare la struttura dell'app (ad esempio, omettere le cartelle templates/ e static/).
  • Inserire direttamente gli URL nel codice invece di utilizzare url_for().
  • Non testare l'app in modalità di debug.

Che cosa abbiamo imparato?

Che cosa abbiamo imparato?

In questa lezione avete imparato:

  • come configurare la struttura di un progetto Flask;
  • come definire le route e utilizzare i template;
  • come includere file statici, come i CSS, nell'app;
  • come eseguire l'applicazione Flask e visualizzarla in un browser.

Ottimo lavoro! Passiamo al prossimo argomento.

Creazione di una semplice app web — illustrazione 11

Domande Frequenti

La lezione «Creazione di una semplice app web» è gratuita?

Sì — il testo completo di «Creazione di una semplice app web» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Python Academy, passa a CoddyKit PRO. Il corso Python Academy include 4 lezioni in totale.

Cosa imparerò in «Creazione di una semplice app web»?

Crei la sua prima applicazione web usando Flask Eserciti Python Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare Python Academy?

Non è richiesta alcuna esperienza precedente. Python Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 3 di 4.

Quanto tempo richiede la lezione «Creazione di una semplice app web»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione Python Academy?

Sì. Ogni lezione Python Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

  1. Nozioni di base sui framework web
  2. Introduzione a Flask
  3. Creazione di una semplice app web
  4. Connessione di Python ai database
← Torna a Python Academy