LabEx
Se connecterInscription gratuite

Modèles Jinja2 pour Flask

FlaskFlaskBeginner
Pratiquer maintenant

This tutorial is from open-source community. Access the source code

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce laboratoire, vous allez apprendre à utiliser des modèles Jinja2 dans Flask. Jinja2 est un puissant moteur de modèles qui vous permet de générer des pages HTML dynamiques dans votre application Flask. Les modèles sont un excellent moyen de séparer la logique de présentation de la logique métier de votre application.

Note: Vous devez créer le fichier de code vous-même et l'exécuter dans l'environnement. Vous pouvez prévisualiser l'état du service Flask sur Web 5000.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL flask(("Flask")) -.-> flask/DevelopmentToolsGroup(["Development Tools"]) flask(("Flask")) -.-> flask/DataHandlingGroup(["Data Handling"]) flask(("Flask")) -.-> flask/CoreConceptsGroup(["Core Concepts"]) flask/DataHandlingGroup -.-> flask/incoming_request_data("Incoming Request Data") flask/CoreConceptsGroup -.-> flask/application_object("Application Object") flask/CoreConceptsGroup -.-> flask/sessions("Sessions") flask/CoreConceptsGroup -.-> flask/useful_internals("Useful Internals") flask/DevelopmentToolsGroup -.-> flask/blueprint_objects("Blueprint Objects") subgraph Lab Skills flask/incoming_request_data -.-> lab-136107{{"Modèles Jinja2 pour Flask"}} flask/application_object -.-> lab-136107{{"Modèles Jinja2 pour Flask"}} flask/sessions -.-> lab-136107{{"Modèles Jinja2 pour Flask"}} flask/useful_internals -.-> lab-136107{{"Modèles Jinja2 pour Flask"}} flask/blueprint_objects -.-> lab-136107{{"Modèles Jinja2 pour Flask"}} end

Installer Flask et Jinja2

Avant de commencer, assurez-vous d'avoir Flask et Jinja2 installés dans votre environnement Python. Vous pouvez les installer à l'aide de pip :

pip install Flask
pip install Jinja2

Créer une application Flask

Créez un nouveau fichier appelé app.py et importez les modules nécessaires :

from flask import Flask, render_template

app = Flask(__name__)

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

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

Dans ce code, nous créons une nouvelle application Flask et définissons une route pour l'URL racine ("/"). Lorsqu'un utilisateur visite l'URL racine, la fonction index() sera appelée et elle affichera le modèle index.html.

Créer un modèle Jinja2

Créez un nouveau répertoire appelé templates dans le même répertoire que votre fichier app.py. Dans le répertoire templates, créez un nouveau fichier appelé index.html. Ce fichier contiendra le code HTML pour votre modèle.

<!doctype html>
<html>
  <head>
    <title>Flask Jinja2 Templates Lab</title>
  </head>
  <body>
    <h1>Welcome to Flask Jinja2 Templates Lab</h1>
    <p>This is a simple Flask application using Jinja2 templates.</p>
  </body>
</html>

Dans ce modèle, nous avons une structure HTML simple avec un titre et un paragraphe. Vous pouvez personnaliser le contenu du modèle pour répondre à vos besoins.

Exécuter l'application Flask

Enregistrez le fichier app.py et exécutez-le à l'aide de la commande suivante :

python app.py

Ouvrez votre navigateur web et accédez à http://localhost:5000. Vous devriez voir le contenu du modèle index.html affiché dans votre navigateur.

Sommaire

Félicitations ! Vous avez créé avec succès une application Flask qui utilise des modèles Jinja2. Les modèles sont un outil puissant pour générer des pages HTML dynamiques dans votre application Flask. Vous pouvez désormais utiliser les modèles pour séparer la logique de présentation de la logique métier de votre application et créer un code plus flexible et plus facile à maintenir.