Il pallone è un framework di sviluppo web. Con Python, ci sono due moduli che si possono usare per lo sviluppo del web: Django e pallone. Tuttavia, il pallone è più leggero e più facile da imparare. In questo tutorial, costruiremo un sito Web molto semplice utilizzando il modulo di pallone di Python.

Per cominciare, installa il pallone:

PIP Installa il pallone

Passaggio n. 1: Applicazione Web minima

L'applicazione minima è disponibile su https: // pallone.PalletSprojects.com/en/2.0.X/QuickStart/#A-Minimal-Application. Questa è una pagina web che visualizza "Hello World". La prima cosa che abbiamo fatto è stata creare un'istanza di Fask () con "__name__" come argomento. Il decoratore del percorso viene utilizzato per informare il pallone dell'URL che attiverà la funzione che abbiamo scritto.

Dal pallone di importazione di pallone
app = pallone (__ nome__)
@App.itinerario('/')
def indice ():
ritorna "Hello World"
Se "__name__" == "__main__":
app.run (debug = true)

Successivamente, nel terminale di Pycharm, digita quanto segue (dove il nome del mio file Python è principale.Py; Nel tuo caso, sostituire Main.Py con il nome file del tuo Python):

Imposta flask_app = main.Py
$ env: flask_app = "main.Py "
Run di pallone

Una volta eseguito "Flask Run", il terminale ruppe un URL con una porta. Questo URL: la porta è dove viene caricata la pagina web. Puoi sempre premere il controllo + C per smettere. Nel mio caso, dice "Esecuzione su http: // 127.0.0.1: 5000/ (premere Ctrl+C per smettere) ". Quindi, apri il tuo browser web e copia e incolla l'URL dato. Nel mio caso, ho copiato e incollato “http: // 127.0.0.1: 5000/". Si noti inoltre che le righe precedenti devono essere eseguite ogni volta che si riavvia Pycharm per funzionare:

Passaggio n. 2: aggiunta di HTML

La prima cosa che devi fare è aprire la cartella in cui si trova lo script Python e crea una cartella chiamata "Modelli". Quando ho eseguito questo per la prima volta, ho provato a mettere il nome "modello" come nome della cartella e l'intero programma si è schiantato e non ha funzionato. Quindi, è imperativo chiamare la cartella "modelli". All'interno di questa cartella "modelli", crea un indice.File HTML con il tuo codice HTML. Quindi, utilizzare render_template () e passare “indice.html ”come argomento. Ora, se esegui "Flask Run" nel terminale, il codice HTML dovrebbe essere reso:

Mio Codice HTML (indice.HTML) Per il momento è il seguente:

Il curriculum di Kalyani
Questa pagina conterrà il mio curriculum

E, il mio codice file Python (principale.py) è il seguente:

Dal pallone di importazione del pallone, render_template
app = pallone (__ nome__)
@App.itinerario('/')
def indice ():
return render_template ("indice.html ")
Se "__name__" == "__main__":
app.run (debug = true)

Quest'ultimo renderà una semplice pagina HTML.

Passaggio n. 3: aggiunta di CSS

Ora, voglio aggiungere CSS al mio HTML. Per fare ciò, crea una cartella chiamata "statica" e crea un file chiamato "Main.CSS ". Qui, il nome del file CSS effettivo può essere qualsiasi cosa. Ho deciso di chiamare il mio "principale.CSS ". Tuttavia, il nome della cartella deve essere "statico"! In effetti, nella cartella "statica", si può posizionare tutto ciò che è statico, come CSS, JavaScript e immagini. Quindi, se hai intenzione di mettere immagini, JavaScript e CSS, potresti voler creare sottocartelle.

Innanzitutto, scriviamo il CSS (principale.CSS) Voglio:

corpo
Margine: 0;
Colore: #333
Font-Family: Verdana;
Font-size: 20px;
Background-color: RGB (201, 76, 76);

.stile
Background-color: #92a8d1;
Font-Family: Verdana;
Font-size: 20px;

Qui, nell'indice.html, dobbiamo scrivere elt; link rel = "Stylesheet" type = "text/css" href = "url_for ('static', fileName =" main.css ")">> Nella testa del file HTML. Qui, il nome file è il nome del file CSS (il mio è principale.CSS). Se ad esempio il "principale.CSS ”si trova con un sottotestato chiamato" CSS ", quindi scriverai quanto segue:

.

Dopodiché, puoi usare il CSS che hai creato. Ad esempio, ne ho creato uno chiamato "Styled" e l'ho usato nella classe H1.

Il mio indice.Il file HTML sarebbe il seguente:

Il curriculum di Kalyani

Questa pagina conterrà il mio curriculum

In alternativa, si può anche usare quanto segue:

.
[/cce_python]
In questo caso, il codice HTML sembrerebbe così:
[cc lang = "html" width = "100%" altezza = "100%" sfuggito = "true" tema = "blackboard" NowRap = "0"]