Une plongée approfondie dans le moteur de modèles de Django et Jinja2 de Flask

PHPz
Libérer: 2023-09-28 11:39:29
original
1483 Les gens l'ont consulté

Une plongée approfondie dans le moteur de modèles de Django et Jinja2 de Flask

Compréhension approfondie du moteur de modèles de Django et de Jinja2 de Flask, des exemples de code spécifiques sont requis

Introduction :
Django et Flask sont deux frameworks Web couramment utilisés et populaires en Python. Ils fournissent tous deux de puissants moteurs de modèles pour gérer le rendu des pages Web dynamiques. Django utilise son propre moteur de modèles, tandis que Flask utilise Jinja2. Cet article examinera en profondeur le moteur de modèles de Django et Jinja2 de Flask, et fournira quelques exemples de code concrets pour illustrer leur utilisation et leurs différences.

1. Moteur de modèles Django

  1. Création et utilisation de modèles
    Dans Django, vous pouvez créer un modèle en créant un fichier HTML et en y utilisant la syntaxe du modèle. Les fichiers modèles sont généralement stockés dans le répertoire « modèles » de l'application.
    Par exemple, nous pouvons créer un modèle appelé "hello.html" comme indiqué ci-dessous :
<!DOCTYPE html>
<html>
<head>
    <title>Hello</title>
</head>
<body>
    <h1>Hello, {{ name }}!</h1>
</body>
</html>
Copier après la connexion
Copier après la connexion

Dans la fonction d'affichage, nous pouvons transmettre les données au modèle et les restituer en utilisant le render fonction . Par exemple, nous pouvons transmettre une variable nommée « nom » au modèle : render函数将数据传递给模板并进行渲染。例如,我们可以传递一个名为“name”的变量给模板:

from django.shortcuts import render

def hello(request):
    name = "John"
    return render(request, 'hello.html', {'name': name})
Copier après la connexion
  1. 模板语法
    Django的模板引擎提供了丰富的语法来处理逻辑和数据展示。下面是一些常用的模板语法示例:
  • 变量:使用双花括号来包含变量名,例如{{ name }}
  • 标签:使用花括号和百分号来包含标签,例如{% for item in items %} {% endfor %}
  • 过滤器:可以在变量后面使用管道符号和过滤器来处理变量的输出,例如{{ name|title }}表示将name变量转换为首字母大写的形式。
  1. 模板继承
    Django的模板引擎还支持模板的继承。可以创建一个基础模板,然后其他模板可以继承基础模板,并可以重写和扩展基础模板的一些块。
    例如,我们可以创建一个名为“base.html”的基础模板,如下所示:
<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    <header>
        {% block header %}{% endblock %}
    </header>
    <div class="content">
        {% block content %}{% endblock %}
    </div>
    <footer>
        {% block footer %}{% endblock %}
    </footer>
</body>
</html>
Copier après la connexion
Copier après la connexion

然后,在其他模板中可以使用extends关键字来继承并扩展基础模板,如下所示:

{% extends 'base.html' %}

{% block title %}Hello{% endblock %}

{% block header %}
    <h1>Welcome to my website!</h1>
{% endblock %}

{% block content %}
    <p>Hello, {{ name }}!</p>
{% endblock %}
Copier après la connexion
Copier après la connexion

二、Flask的Jinja2

  1. 模板的创建和使用
    与Django类似,Flask使用Jinja2作为其模板引擎。同样,可以通过创建一个HTML文件来创建模板。
    在Flask中,模板文件通常存储在应用程序的“templates”目录下。
    例如,我们可以创建一个名为“hello.html”的模板,如下所示:
<!DOCTYPE html>
<html>
<head>
    <title>Hello</title>
</head>
<body>
    <h1>Hello, {{ name }}!</h1>
</body>
</html>
Copier après la connexion
Copier après la connexion

在视图函数中,可以使用render_template函数来渲染模板并传递数据。例如,我们可以传递一个名为“name”的变量给模板:

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def hello():
    name = "John"
    return render_template('hello.html', name=name)
Copier après la connexion
  1. 模板语法
    Jinja2的模板语法与Django的模板语法类似,但有些细微差别。下面是一些常用的模板语法示例:
  • 变量:同样使用双花括号来包含变量名,例如{{ name }}
  • 控制结构:使用花括号和百分号来包含控制结构,例如{% for item in items %} {% endfor %}
  • 过滤器:同样可以在变量后面使用管道符号和过滤器来处理变量的输出,例如{{ name|title }}表示将name变量转换为首字母大写的形式。
  1. 模板继承
    Jinja2也支持模板的继承。同样可以创建一个基础模板,其他模板可以继承并重写和扩展基础模板的一些块。
    例如,我们可以创建一个名为“base.html”的基础模板,如下所示:
<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    <header>
        {% block header %}{% endblock %}
    </header>
    <div class="content">
        {% block content %}{% endblock %}
    </div>
    <footer>
        {% block footer %}{% endblock %}
    </footer>
</body>
</html>
Copier après la connexion
Copier après la connexion

然后,在其他模板中使用extends

{% extends 'base.html' %}

{% block title %}Hello{% endblock %}

{% block header %}
    <h1>Welcome to my website!</h1>
{% endblock %}

{% block content %}
    <p>Hello, {{ name }}!</p>
{% endblock %}
Copier après la connexion
Copier après la connexion
    Syntaxe du modèle

    Le moteur de modèle de Django fournit une syntaxe riche pour gérer la logique et la présentation des données. Voici quelques exemples courants de syntaxe de modèle :

    Variables : utilisez des doubles accolades pour entourer les noms de variables, tels que {{ name }}.

    🎜 Balises : utilisez des accolades et des signes de pourcentage pour inclure des balises, telles que {% for item in items %} {% endfor %}. 🎜🎜Filtre : vous pouvez utiliser des symboles de barre verticale et des filtres après les variables pour traiter la sortie des variables. Par exemple, {{ name|title }> signifie convertir le nom de la variable en une forme en majuscule. 🎜
    🎜Héritage de modèles🎜Le moteur de modèles de Django prend également en charge l'héritage de modèles. Un modèle de base peut être créé, puis d'autres modèles peuvent hériter du modèle de base et remplacer et étendre certains blocs du modèle de base. 🎜Par exemple, nous pouvons créer un modèle de base nommé "base.html" comme suit : 🎜🎜rrreee🎜Ensuite, le mot-clé extends peut être utilisé dans d'autres modèles pour hériter et étendre le modèle de base, comme montré ci-dessous : 🎜rrreee🎜2. Création et utilisation du modèle Jinja2🎜🎜🎜de Flask🎜Semblable à Django, Flask utilise Jinja2 comme moteur de modèle. De même, des modèles peuvent être créés en créant un fichier HTML. 🎜Dans Flask, les fichiers modèles sont généralement stockés dans le répertoire "templates" de l'application. 🎜Par exemple, nous pouvons créer un modèle appelé "hello.html" comme indiqué ci-dessous : 🎜🎜rrreee🎜Dans la fonction d'affichage, vous pouvez utiliser la fonction render_template pour restituer le modèle et transmettre les données. Par exemple, nous pouvons passer une variable nommée "name" au modèle : 🎜rrreee
      🎜Syntaxe du modèle🎜La syntaxe du modèle de Jinja2 est similaire à la syntaxe du modèle de Django, mais avec quelques différences subtiles. Voici quelques exemples courants de syntaxe de modèle : 🎜🎜
    🎜Variables : utilisez également des doubles accolades pour inclure des noms de variables, tels que {{ name }}. 🎜🎜Structures de contrôle : utilisez des accolades et des signes de pourcentage pour inclure des structures de contrôle, telles que {% for item in items %} {% endfor %}. 🎜🎜Filtre : vous pouvez également utiliser des symboles de barre verticale et des filtres après les variables pour traiter la sortie des variables. Par exemple, {{ name|title }> signifie convertir le nom de la variable pour mettre la première lettre en majuscule. 🎜
    🎜Héritage de modèles🎜Jinja2 prend également en charge l'héritage de modèles. Il est également possible de créer un modèle de base, et d'autres modèles peuvent hériter, remplacer et étendre certains blocs du modèle de base. 🎜Par exemple, nous pouvons créer un modèle de base nommé "base.html" comme suit : 🎜🎜rrreee🎜 Ensuite, utilisez le mot-clé extends dans d'autres modèles pour hériter et étendre le modèle de base, comme indiqué ci-dessous : 🎜rrreee🎜 Conclusion : 🎜 Le moteur de modèles de Django et Jinja2 de Flask offrent des fonctionnalités puissantes pour créer des rendus de pages Web dynamiques. Il existe de légères différences de syntaxe et d’utilisation entre les deux, mais dans l’ensemble, elles sont très similaires. Dans le développement réel, vous pouvez choisir d'utiliser l'un d'entre eux en fonction de vos préférences personnelles ou des besoins du projet. 🎜🎜Ce qui précède est une compréhension approfondie du moteur de modèles de Django et de Jinja2 de Flask. Grâce à des exemples de code spécifiques, nous avons une compréhension plus claire de leur utilisation et de leurs différences. J'espère que cet article vous aidera à comprendre et à utiliser ces deux moteurs de modèles. 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal