communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > développement back-end > Tutoriel Python > Comment utiliser la syntaxe Python Flask JinJa2

Comment utiliser la syntaxe Python Flask JinJa2

WBOY
Libérer： 2023-05-16 09:19:13
avant
1619 Les gens l'ont consulté

1. Présentation

Flask est un framework Web Python léger qui prend en charge le moteur de modèles Jinja2. Jinja2 est un moteur de modèles Python populaire qui peut être utilisé pour créer des applications Web dynamiques à l'aide de Flask.

Les pages Web nécessitent généralement du HTML, du CSS et du JS. Peut-être que lorsque vous apprendrez le Web Python pour la première fois, vous pourrez écrire comme ceci : 

from flask import Flask
app = Flask(__name__)
@app.route('/')
def hello():
    return &#39;<h2>hello</h2><p >hello world!!!</p>&#39;
if __name__ == &#39;__main__&#39;:
	app.run(host=&#39;0.0.0.0&#39;, port=8000, debug=True)
Copier après la connexion

Bien que le code ci-dessus puisse également être exécuté, ce n'est pas beau de nos jours, la programmation sépare fondamentalement le front. et back-end. Le code front-end sera intégré dans le proxy back-end Afin de réaliser la séparation front-end et back-end, la solution de conception MVT est utilisée :

M est. épelé comme Model, qui a la même fonction que M dans MVC , responsable de l'interaction avec la base de données et du traitement des données. M 全拼为 Model，与MVC中的M功能相同，负责和数据库交互，进行数据处理。

V 全拼为 View，与MVC中的C功能相同，接收请求，进行业务处理，返回应答。

T 全拼为 Template，与MVC中的V功能相同，负责封装构造要返回的html。

Comment utiliser la syntaxe Python Flask JinJa2

二、JinJa2 语法介绍与示例讲解

JinJa2 语法介绍与示例讲解：

1）变量

在Jinja2中，使用{{ }}来包含一个变量。在Flask中，可以通过将变量传递给模板来显示它们。示例代码如下：

# variable.py
# Flask中将变量传递给模板
from flask import Flask, render_template
app = Flask(__name__)
# 也可指定模板目录
# app = Flask(__name__, template_folder="/opt/python-projects/flask")
@app.route(&#39;/&#39;)
def hello():
    name = "Alice"
    return render_template(&#39;variable.html&#39;, name=name)
if __name__ == &#39;__main__&#39;:
    app.run(host=&#39;0.0.0.0&#39;, port=8000, debug=True)
Copier après la connexion

在上面的代码中，将变量 name 传递给 hello.html 模板。

<!-- templates/variable.html模板 -->
<!DOCTYPE html>
<html>
<head>
    <title>variable</title>
</head>
<body>
    <h2>hello {{ name }}!</h2>
</body>
</html>
Copier après la connexion

执行

python3 variable.py
Copier après la connexion

访问

curl http://192.168.182.110:8000/
Copier après la connexion

2）控制结构

在Jinja2中，可以使用if、for和while等语句来控制模板中的输出。示例代码如下：

# if.py
# Flask中使用if控制结构
from flask import Flask, render_template
app = Flask(__name__)
@app.route(&#39;/&#39;)
def hello():
    user = {"name": "Alice", "age": 25}
    return render_template(&#39;if.html&#39;, user=user)
if __name__ == &#39;__main__&#39;:
    app.run(host=&#39;0.0.0.0&#39;, port=8000, debug=True)
Copier après la connexion

templates/if.html 模板文件

<!-- if.html模板 -->
<!DOCTYPE html>
<html>
<head>
    <title>Hello</title>
</head>
<body>
    {% if user %}
        {% if user.age >= 18 %}
            <h2>Hello {{ user.name }}, you are an adult!</h2>
        {% else %}
            <h2>Hello {{ user.name }}, you are a minor!</h2>
        {% endif %}
    {% else %}
        <h2>Hello, anonymous user!</h2>
    {% endif %}
</body>
</html>
Copier après la connexion

在上面的代码中，使用if语句来控制输出，根据用户的年龄显示不同的消息。

3）循环结构

在Jinja2中，可以使用 for 语句来循环输出模板中的内容。示例代码如下：

# for.py
# Flask中使用for循环结构
from flask import Flask, render_template
app = Flask(__name__)
@app.route(&#39;/&#39;)
def hello():
    users = [{"name": "Alice", "age": 25}, {"name": "Bob", "age": 30}]
    return render_template(&#39;for.html&#39;, users=users)
if __name__ == &#39;__main__&#39;:
    app.run(host=&#39;0.0.0.0&#39;, port=8000, debug=True)
Copier après la connexion

templates/for.html 模板文件

<!-- for.html模板 -->
<!DOCTYPE html>
<html>
<head>
    <title>Hello</title>
</head>
<body>
    {% for user in users %}
        <h2>Hello {{ user.name }}!</h2>
        <p>You are {{ user.age }} years old.</p>
    {% endfor %}
</body>
</html>
Copier après la connexion

在上面的代码中，使用 for 循环来遍历用户列表，并输出每个用户的信息。

4）宏

在Jinja2中，可以使用宏来定义一段可以重复使用的代码块，示例代码如下：

# great.py
# Flask中使用宏
from flask import Flask, render_template
app = Flask(__name__)
@app.route(&#39;/&#39;)
def hello():
    users = [{"name": "Alice", "age": 25}, {"name": "Bob", "age": 30}]
    return render_template(&#39;great.html&#39;, users=users)
if __name__ == &#39;__main__&#39;:
    app.run(host=&#39;0.0.0.0&#39;, port=8000, debug=True)
Copier après la connexion

定义一个宏 templates/macros.html 模板

# 定义一个宏
{% macro print_user(user) %}
    <h2>Hello {{ user.name }}!</h2>
    <p>You are {{ user.age }} years old.</p>
{% endmacro %}
Copier après la connexion

在上面的代码中，定义了一个名为 print_user 的宏，在模板中可以通过 import 导入宏，并使用宏来输出用户信息。模板 templates/great.html

<!-- great.html模板 -->
<!DOCTYPE html>
<html>
<head>
    <title>Hello</title>
</head>
<body>
    {% for user in users %}
        {% import &#39;macros.html&#39; as macros %}
        {{ macros.print_user(user) }}
    {% endfor %}
</body>
</html>
Copier après la connexion

在上面的代码中，定义了一个名为print_user的宏，用于输出用户信息。

5）过滤器

在Jinja2中，过滤器可以对变量进行处理，例如格式化日期、转换大小写等。示例代码如下：

# filter.py
# Flask中使用过滤器
from flask import Flask, render_template
import datetime
app = Flask(__name__)
@app.route(&#39;/&#39;)
def hello():
    now = datetime.datetime.now()
    return render_template(&#39;filter.html&#39;, now=now)
# 自定义过滤器
@app.template_filter(&#39;datetimeformat&#39;)
def datetimeformat(value, format=&#39;%Y-%m-%d %H:%M:%S&#39;):
    return value.strftime(format)
if __name__ == &#39;__main__&#39;:
    app.run(host=&#39;0.0.0.0&#39;, port=8000, debug=True)
Copier après la connexion

模板文件 templates/filter.html

<!-- filter.html模板 -->
<!DOCTYPE html>
<html>
<head>
    <title>Hello</title>
</head>
<body>
    <p>The current date and time is: {{ now|datetimeformat }}</p>
</body>
</html>
Copier après la connexion

在上面的代码中，定义了一个名为 datetimeformat

V s'écrit View, qui a la même fonction que C dans MVC. Il reçoit des requêtes, effectue des traitements métier et renvoie des réponses. 🎜🎜T s'écrit Template, qui a la même fonction que V dans MVC et est responsable de l'encapsulation et de la construction du code HTML à renvoyer. 🎜🎜Comment utiliser la syntaxe Python Flask JinJa2🎜🎜2. Syntaxe JinJa2 Explication avec exemples 🎜🎜Introduction et explication de la syntaxe JinJa2 avec exemples : 🎜

1) Variables

🎜Dans Jinja2, utilisez {{ }} pour inclure une variable. Dans Flask, vous pouvez afficher des variables en les transmettant au modèle. L'exemple de code est le suivant : 🎜
# extend.py
# Flask中使用继承
from flask import Flask, render_template
app = Flask(__name__)
@app.route(&#39;/&#39;)
def hello():
    return render_template(&#39;extend.html&#39;)
if __name__ == &#39;__main__&#39;:
    app.run(host=&#39;0.0.0.0&#39;, port=8000, debug=True)
Copier après la connexion
Copier après la connexion
🎜Dans le code ci-dessus, la variable name est transmise au modèle hello.html. 🎜
<!-- base.html模板 -->
<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    {% block content %}{% endblock %}
</body>
</html>
Copier après la connexion
Copier après la connexion
🎜Exécution🎜
<!-- extend.html模板 -->
{% extends "base.html" %}
{% block title %}Hello{% endblock %}
{% block content %}
    <h2>Hello World!</h2>
{% endblock %}
Copier après la connexion
Copier après la connexion
🎜Accès🎜
# contain.py
# Flask中使用包含
from flask import Flask, render_template
app = Flask(__name__)
@app.route(&#39;/&#39;)
def hello():
    return render_template(&#39;contain.html&#39;)
if __name__ == &#39;__main__&#39;:
    app.run(host=&#39;0.0.0.0&#39;, port=8000, debug=True)
Copier après la connexion
Copier après la connexion

2) Structure de contrôle

🎜Dans Jinja2, vous pouvez utiliser if, pour et pendant et d'autres instructions pour contrôler la sortie dans le modèle. L'exemple de code est le suivant : 🎜
<!-- contain.html模板 -->
<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    {% block content %}{% endblock %}
    {% include "footer.html" %}
</body>
</html>
Copier après la connexion
Copier après la connexion
🎜templates/if.html Fichier modèle 🎜
<!-- footer.html模板 -->
<footer>
    <p>&copy; 2023</p>
</footer>
Copier après la connexion
Copier après la connexion
🎜Dans le code ci-dessus, utilisez les instructions if pour contrôler la sortie et afficher différents messages en fonction de l'âge de l'utilisateur. 🎜

3) Structure de boucle

🎜Dans Jinja2, vous pouvez utiliser l'instruction for pour boucler le contenu dans le modèle de sortie. L'exemple de code est le suivant : 🎜rrreee🎜templates/for.html Fichier modèle 🎜rrreee🎜Dans le code ci-dessus, utilisez la boucle for pour parcourir la liste des utilisateurs et afficher chaque information utilisateur. 🎜

4) Macros

🎜Dans Jinja2, vous pouvez utiliser des macros pour définir un bloc de code pouvant être réutilisé. L'exemple de code est le suivant : 🎜rrreee🎜Définissez une macro templates/macros.html. </code > Modèle🎜rrreee🎜Dans le code ci-dessus, une macro nommée <code>print_user est définie dans le modèle, vous pouvez importer la macro via import et utiliser la macro pour. afficher les informations utilisateur. Modèle templates/great.html🎜rrreee🎜Dans le code ci-dessus, une macro nommée print_user est définie pour afficher les informations utilisateur. 🎜

5) Filtre

🎜Dans Jinja2, les filtres peuvent traiter des variables, telles que le formatage des dates, la conversion de la casse, etc. L'exemple de code est le suivant : 🎜rrreee🎜Fichier modèle templates/filter.html🎜rrreee🎜Dans le code ci-dessus, un filtre nommé datetimeformat est défini pour le format de date et d'heure. . Voici des filtres personnalisés. En fait, JinJa2 possède également des filtres intégrés. Filtres intégrés dans Jinja2 : jinja.palletsprojects.com/en/3.0.x/te…🎜
过滤器名解释举例
abs(value)返回一个数值的绝对值{{ -1|abs }}
int(value)将值转换为int类型{{ param | int }}
float(value)将值转换为float类型
string(value)将变量转换成字符串
default(value,default_value,boolean=false)如果当前变量没有值，则会使用参数中的值来代替。如果想使用python的形式判断是否为false，则可以传递boolean=true。也可以使用or来替换{{ name|default('xiaotuo') }}
safe(value)如果开启了全局转义，那么safe过滤器会将变量关掉转义{{ content_html|safe }}
escape(value)或e转义字符，会将<、>等符号转义成HTML中的符号{{ content|escape或content|e }}
first(value)返回一个序列的第一个元素{{ names|first }}
format(value,*arags,**kwargs)格式化字符串%s"-"%s"|format('Hello?',"Foo!") }} 输出 Hello?-Fool!
last(value)返回一个序列的最后一个元素。{{ names|last }}
length(value)返回一个序列或者字典的长度。{{ names|length }}
join(value,d='+')将一个序列用d这个参数的值拼接成字符串
lower(value)将字符串转换为小写
upper(value)将字符串转换为小写
replace(value,old,new)替换将old替换为new的字符串
truncate(value,length=255,killwords=False)截取length长度的字符串
striptags(value)删除字符串中所有的HTML标签，如果出现多个空格，将替换成一个空格
trim截取字符串前面和后面的空白字符{{ str123 | trim }}
wordcount(s)计算一个长字符串中单词的个数

6）继承

在Jinja2中，可以使用继承来创建一个包含共同元素的模板，并通过继承该模板来创建更具体的模板。示例代码如下：

# extend.py
# Flask中使用继承
from flask import Flask, render_template
app = Flask(__name__)
@app.route(&#39;/&#39;)
def hello():
    return render_template(&#39;extend.html&#39;)
if __name__ == &#39;__main__&#39;:
    app.run(host=&#39;0.0.0.0&#39;, port=8000, debug=True)
Copier après la connexion
Copier après la connexion

模板文件 templates/base.html

<!-- base.html模板 -->
<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    {% block content %}{% endblock %}
</body>
</html>
Copier après la connexion
Copier après la connexion

模板文件 templates/extend.html

<!-- extend.html模板 -->
{% extends "base.html" %}
{% block title %}Hello{% endblock %}
{% block content %}
    <h2>Hello World!</h2>
{% endblock %}
Copier après la connexion
Copier après la connexion

在上面的代码中，定义了一个名为 base.html 的模板，并在 extend.html 模板中继承了该模板。extend.html 模板中可以重写 base.html 模板中的块，并在其中添加新的内容。

7）包含

在Jinja2中，可以使用包含来将一个模板包含到另一个模板中。示例代码如下：

# contain.py
# Flask中使用包含
from flask import Flask, render_template
app = Flask(__name__)
@app.route(&#39;/&#39;)
def hello():
    return render_template(&#39;contain.html&#39;)
if __name__ == &#39;__main__&#39;:
    app.run(host=&#39;0.0.0.0&#39;, port=8000, debug=True)
Copier après la connexion
Copier après la connexion

模板文件 templates/contain.html

<!-- contain.html模板 -->
<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    {% block content %}{% endblock %}
    {% include "footer.html" %}
</body>
</html>
Copier après la connexion
Copier après la connexion

模板文件 templates/footer.html

<!-- footer.html模板 -->
<footer>
    <p>&copy; 2023</p>
</footer>
Copier après la connexion
Copier après la connexion

在上面的代码中，定义了一个名为 footer.html 的模板，并在 contain.html 模板中使用包含将 footer.html 模板包含到页面底部。这样，可以避免在每个页面中重复添加相同的页脚。

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!

Étiquettes associées：
python flask jinja2
source：yisu.com
Article précédent：Comment Python sonde-t-il l'extraction complète des données de la bibliothèque appelante ? Article suivant：Comment utiliser la bibliothèque de dégradés de Python
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
Derniers articles par auteur
Derniers numéros
Python/MySQL ne peut pas conserver correctement les données entières Aucun code n'est requis ici. Je souhaite enregistrer un numéro très long car je crée un je...
Depuis 2024-04-04 19:09:44
0
1
367
En utilisant Selenium, vous voulez cliquer et définir une URL en classe J'ai besoin d'un autre conseil aujourd'hui. J'essaie de créer du code Python/Selenium et l...
Depuis 2024-04-04 14:14:44
0
1
3492
Selenium + Python - inspecter l'image viaexecute_script Je dois vérifier qu'une image est affichée sur la page en utilisant du sélénium en python....
Depuis 2024-04-03 09:32:15
0
1
375
Comment conserver les X premières lignes et supprimer les lignes du tableau J'ai une grande table avec des millions d'enregistrements dans MySQLincident_archive, je s...
Depuis 2024-04-01 18:32:54
0
1
347
Comment récupérer un texte Google Weather spécifique à l'aide de BeautifulSoup ? Comment trouver le texte du cours « New York City, USA » en Python à l'aide de BeautifulSo...
Depuis 2024-04-01 14:06:14
0
1
308
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal