Ressources Magic Makers

Flask et HTML

Flask nous permet d’écrire directement du code python dans notre page HTML pour pouvoir utiliser des variables, des conditions ou encore des boucles. Voici les éléments de syntaxe pour utiliser ces différentes notions directement dans notre page HTML

Utiliser une variable

Pour utiliser une variable dans notre page HTML, il faut la passer en paramètre à notre template pour qu’il puisse l’utiliser. Pour cela dans la fonction render_template, on peut ajouter autant de variables que l’on veut. Voici un petit exemple :

Une fois la variable passée au template, on utilise la syntaxe {{ ma_variable }} dans notre page HTML.

Si j’écris {{toto_html}} dans ma page HTML ce sera directement remplacé par la valeur de cette variable.

Remarque : La session utilisateur est directement accessible depuis tous les templates, si certaines variables sont souvent utilisées, on peut les stocker dans la session.

Dans ce cas on a pas besoin de passer la variable à travers la fonction render_template.

Utiliser une condition

Pour utiliser des conditions dans notre page HTML, on va avoir une syntaxe similaire aux conditions python.

Pour spécifier qu’il s’agit de syntaxe python on utilise {% condition %}.

Un seul petit changement par rapport à notre code en python, à la fin de notre condition on doit rajouter le mot clef endif

Utiliser une boucle for

Pour utiliser les boucles, c’est comme pour les conditions, on va avoir une syntaxe similaire à celle de python.

Pour spécifier qu’il s’agit de syntaxe python on utilise {% for toto in tata %}.

Pour utiliser la variable toto on utilise la syntaxe {{toto}}

Un petit changement par rapport à notre code en python, à la fin de notre boucle on doit rajouter le mot clef endfor