Python : Flask - Historique des versions

Justine le 22 juin 2022 à 12:05

2022-06-22T12:05:11Z

← Version précédente		Version du 22 juin 2022 à 12:05
Ligne 1 :		Ligne 1 :
			[[Category:prog]]
			[[Category:python]]
	http://www.xavierdupre.fr/app/ensae_teaching_cs/helpsphinx/notebooks/TD2A_eco_debuter_flask.html		http://www.xavierdupre.fr/app/ensae_teaching_cs/helpsphinx/notebooks/TD2A_eco_debuter_flask.html

Justine : /* Des formulaires */

2019-11-17T12:42:24Z

Des formulaires

← Version précédente		Version du 17 novembre 2019 à 12:42
Ligne 150 :		Ligne 150 :
	On repart sur une structure de dossier simple:		On repart sur une structure de dossier simple:

	<nowiki>		<nowiki>
	.		.
	├── login.py		├── login.py

Justine le 17 novembre 2019 à 11:44

2019-11-17T11:44:52Z

← Version précédente		Version du 17 novembre 2019 à 11:44
Ligne 144 :		Ligne 144 :

	Ici, encore une fois, on voit bien les appels à la fonction intégrée à Flask "url_for", qui fait le lien avec les deux routes déclarées.		Ici, encore une fois, on voit bien les appels à la fonction intégrée à Flask "url_for", qui fait le lien avec les deux routes déclarées.

			= Des formulaires =

			Élément essentiel pour interagir avec un site web, les formulaires permettent au visiteur d'envoyer des informations.
			On repart sur une structure de dossier simple:

			<nowiki>
			.
			├── login.py
			├── __pycache__
			│ └── login.cpython-37.pyc
			├── static
			│ └── main.css
			└── templates
			├── bienvenue.html
			└── home.html
			</nowiki>

			<syntaxhighlight lang='python'>
			from flask import Flask
			from flask import request
			from flask import render_template

			app = Flask(__name__)

			#Notre page de base
			@app.route('/')
			def home():
			return render_template("home.html")

			#Notre boîte de texte
			@app.route('/', methods=['POST'])
			def text_box():
			#request contient toutes les données envoyées en POST
			#Sa méthode form permet de créer une boîte de dialogue;
			#Il s'agit d'un dictionnaire associant la valeur au champ name du formulaire (ici, "text")
			#On peut donc récupérer son contenu avec request.form["text"]
			text = request.form['text']
			processed_text = text.upper()
			return render_template("bienvenue.html" , message = processed_text )

			if __name__ == '__main__':
			app.run()</syntaxhighlight>

			home.html:
			<syntaxhighlight lang='html'>
			<!doctype html>
			<html lang="en">
			<head>
			<link rel ="stylesheet" type="text/css" href="{{ url_for('static', filename='main.css') }}">
			</head>

			<body>
			<h1>Indiquer votre nom</h1>
			<form action="." method="POST">
			<input type="text" name="text">
			<button type="submit">OK</button>
			</form>
			</body>
			</html></syntaxhighlight>

			bienvenue.html:
			<syntaxhighlight lang='html'>
			<!doctype html>
			<html lang="en">
			<head>
			<link rel ="stylesheet" type="text/css" href="{{ url_for('static', filename='main.css') }}"
			</head>
			<body>
			<h1> Bienvenue {{ message }} </h1>
			</body>
			<a href="{{ url_for('home') }}"> Retourner à la page d'accueil </a>
			</html></syntaxhighlight>

			main.css:
			<syntaxhighlight lang='css'>
			h1 {
			font-size: 2em;
			color: green;
			text-align: left;
			}


			</syntaxhighlight>

Justine le 17 novembre 2019 à 11:33

2019-11-17T11:33:56Z

← Version précédente		Version du 17 novembre 2019 à 11:33
Ligne 91 :		Ligne 91 :
	= Plusieurs pages =		= Plusieurs pages =

	Tout ça c'est sympa, mais si on pouvait naviguer entre les pages ?		Tout ça c'est sympa, mais si on pouvait naviguer entre les pages ? Pour cela, il suffit de rajouter une route:

			<syntaxhighlight lang='python'>
			#!/usr/bin/env python
			# -- coding: utf-8 --

			from flask import Flask, render_template
			app = Flask(__name__)

			#Première page
			@app.route("/")
			def hello():
			return render_template("home.html", message_bienvenue = "Bienvenue sur la page d'accueil !")

			#Deuxième page
			@app.route("/next")
			def suite():
			return render_template("page_suivante.html")

			if __name__ == "__main__":
			app.run()
			</syntaxhighlight>

			Nous avons nos deux pages, qui contiennent des liens:

			<syntaxhighlight lang='html'>
			#templates/home.html
			<!doctype html>
			<html lang="en">
			<head>
			<link rel ="stylesheet" type="text/css" href="{{ url_for('static', filename='main.css') }}"
			</head>
			<body>
			<h1 > {{ message_bienvenue }}</h1>
			</body>
			<a href="{{ url_for('suite') }}"> Cliquer pour continuer </a>
			</html>
			</syntaxhighlight>

			<syntaxhighlight lang='html'>
			#templates/home.html
			<!doctype html>
			<html lang="en">
			<head>
			<link rel ="stylesheet" type="text/css" href="{{ url_for('static', filename='main.css') }}"
			</head>
			<body>
			<h1 > Vous êtes sur la 2eme page </h1>
			</body>
			<a href="{{ url_for('hello') }}"> retourner à la page d'accueil </a>
			</html></syntaxhighlight>

			Ici, encore une fois, on voit bien les appels à la fonction intégrée à Flask "url_for", qui fait le lien avec les deux routes déclarées.

Justine : /* Un peu de style */

2019-11-17T11:28:15Z

Un peu de style

← Version précédente		Version du 17 novembre 2019 à 11:28
Ligne 85 :		Ligne 85 :
	<h1 > {{ message }}</h1> #On reconnaît les variables à la Jinja2 !		<h1 > {{ message }}</h1> #On reconnaît les variables à la Jinja2 !
	</body>		</body>
			</html>
	</source>		</source>
	</nowiki>		</nowiki>

Justine : /* Un peu de style */

2019-11-17T11:27:47Z

Un peu de style

← Version précédente		Version du 17 novembre 2019 à 11:27
Ligne 66 :		Ligne 66 :
	</syntaxhighlight>		</syntaxhighlight>

	<~~nowiki~~>		<source lang="css">
	#static/main.css		#static/main.css
	h1 {		h1 {
Ligne 73 :		Ligne 73 :
	text-align: center;		text-align: center;
	}		}
	</~~nowiki~~>		</source>

	<~~nowiki~~>		<source lang="html">
	#/templates/home.html		#/templates/home.html
	<!doctype html>		<!doctype html>
Ligne 85 :		Ligne 85 :
	<h1 > {{ message }}</h1> #On reconnaît les variables à la Jinja2 !		<h1 > {{ message }}</h1> #On reconnaît les variables à la Jinja2 !
	</body>		</body>
	</~~html~~></nowiki>		</source>
			</nowiki>

	= Plusieurs pages =		= Plusieurs pages =

	Tout ça c'est sympa, mais si on pouvait naviguer entre les pages ?		Tout ça c'est sympa, mais si on pouvait naviguer entre les pages ?

Justine le 17 novembre 2019 à 11:27

2019-11-17T11:27:00Z

← Version précédente		Version du 17 novembre 2019 à 11:27
Ligne 31 :		Ligne 31 :
	Ici, le terme "route" fait référence à la dernière partie d'une URL, celle qui donne le chemin des fichiers : www.site.fr/'''undossier/unepage		Ici, le terme "route" fait référence à la dernière partie d'une URL, celle qui donne le chemin des fichiers : www.site.fr/'''undossier/unepage
	'''		'''

			== Un peu de style ==

			Pour l'instant, la page est très basique. Nous allons devoir donner à Flask une structure de dossiers qu'il comprendra, avec templates et des styles prédéfinis pour l'application. Voici un exemple:

			<source>
			.
			├── hello_world_green.py
			├── static
			│ └── main.css
			└── templates
			└── home.html
			</source>

			* hello_world_green.py est le script principal.
			* static contient une feuille de style main.css
			* templates contient une page html.

			<syntaxhighlight lang='python'>
			#!/usr/bin/env python
			# -- coding: utf-8 --

			from flask import Flask, render_template
			app = Flask(__name__)

			@app.route("/")
			def hello():
			return render_template("home.html", message = "Hello World!")
			#render_template fait le lien entre la page html, qui est un template, et le script en lui-même.
			#On voit que l'appel de fonction initialise la variable message, qui est une variable utilisateur (pas définie par Flask)

			if __name__ == "__main__":
			app.run()
			</syntaxhighlight>

			<nowiki>
			#static/main.css
			h1 {
			font-size: 2em;
			color: green;
			text-align: center;
			}
			</nowiki>

			<nowiki>
			#/templates/home.html
			<!doctype html>
			<html lang="en">
			<head>
			<link rel ="stylesheet" type="text/css" href="{{ url_for('static', filename='main.css') }}" #Ici, on appelle le css
			</head>
			<body>
			<h1 > {{ message }}</h1> #On reconnaît les variables à la Jinja2 !
			</body>
			</html></nowiki>

			= Plusieurs pages =

			Tout ça c'est sympa, mais si on pouvait naviguer entre les pages ?

Justine le 17 novembre 2019 à 11:10

2019-11-17T11:10:24Z

← Version précédente		Version du 17 novembre 2019 à 11:10
Ligne 29 :		Ligne 29 :
	</syntaxhighlight>		</syntaxhighlight>

	Ici, le terme "route" fait référence à la dernière partie d'une URL, celle qui donne le chemin des fichiers : www.site.fr/undossier/unepage		Ici, le terme "route" fait référence à la dernière partie d'une URL, celle qui donne le chemin des fichiers : www.site.fr/'''undossier/unepage
			'''

Justine le 17 novembre 2019 à 11:10

2019-11-17T11:10:08Z

← Version précédente		Version du 17 novembre 2019 à 11:10
Ligne 29 :		Ligne 29 :
	</syntaxhighlight>		</syntaxhighlight>

	Ici, le terme "route" fait référence à la dernière partie d'une URL, celle qui donne le chemin des fichiers : ~~https://~~www.site.fr/undossier/unepage		Ici, le terme "route" fait référence à la dernière partie d'une URL, celle qui donne le chemin des fichiers : www.site.fr/undossier/unepage

Justine : Page créée avec « http://www.xavierdupre.fr/app/ensae_teaching_cs/helpsphinx/notebooks/TD2A_eco_debuter_flask.html = Qu'est-ce que c'est ? = Flask est un framework web léger pour Python.... »

2019-11-17T11:09:47Z

Page créée avec « http://www.xavierdupre.fr/app/ensae_teaching_cs/helpsphinx/notebooks/TD2A_eco_debuter_flask.html = Qu'est-ce que c'est ? = Flask est un framework web léger pour Python.... »

Nouvelle page

http://www.xavierdupre.fr/app/ensae_teaching_cs/helpsphinx/notebooks/TD2A_eco_debuter_flask.html

= Qu'est-ce que c'est ? =

Flask est un framework web léger pour Python. Son but est d'être souple et léger. Il utilise un système de templates et est sous licence BSD.

= Première page =

<syntaxhighlight lang='python'>
#!/usr/bin/env python3
#coding: utf-8
from flask import Flask

#On initialise notre application, qui s'appellera donc "app".
#__name__ renverra le script lui-même.
app = Flask(__name__)

#On définit une route avec ce décorateur :
#Notre code s'applique à la racine du site.
@app.route("/")
#Voici la fonction décorée : elle s'éxecute à l'affichage de la route en question.
def hello():
return "Hi there"

if __name__ == "__main__":
#run() est la méthode qui lance notre app. Cela lance un serveur web sur le port 5000.
app.run()
</syntaxhighlight>

Ici, le terme "route" fait référence à la dernière partie d'une URL, celle qui donne le chemin des fichiers : https://www.site.fr/*undossier/unepage*

Python : Flask - Historique des versions

Justine le 22 juin 2022 à 12:05

Justine : /* Des formulaires */

Justine le 17 novembre 2019 à 11:44

Justine le 17 novembre 2019 à 11:33

Justine : /* Un peu de style */

Justine : /* Un peu de style */

Justine le 17 novembre 2019 à 11:27

Justine le 17 novembre 2019 à 11:10

Justine le 17 novembre 2019 à 11:10

Justine : Page créée avec « http://www.xavierdupre.fr/app/ensae_teaching_cs/helpsphinx/notebooks/TD2A_eco_debuter_flask.html = Qu'est-ce que c'est ? = Flask est un framework web léger pour Python.... »

Justine : /* Des formulaires */

Justine : /* Un peu de style */

Justine : /* Un peu de style */

Justine : Page créée avec « http://www.xavierdupre.fr/app/ensae_teaching_cs/helpsphinx/notebooks/TD2A_eco_debuter_flask.html = Qu'est-ce que c'est ? = Flask est un framework web léger pour Python.... »