首頁 > 後端開發 > Python教學 > Python Flask JinJa2語法如何使用

Python Flask JinJa2語法如何使用

WBOY
發布: 2023-05-16 09:19:13
轉載
1622 人瀏覽過

一、概述​​

Flask是一個輕量級的Python Web框架,支援Jinja2模板引擎。 Jinja2是一個流行的Python模板引擎,它可以使用Flask來創建動態Web應用程式。

web 頁面一般需要html、css和js,可能最開始學習python web的時候可能這樣寫:

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)
登入後複製

上面的程式碼雖然也可以執行,但是不美觀,現在程式設計基本上都是前後端分離,不會在後端代理嵌入前端的程式碼,為了實現前後端分離,使用MVT設計方案:

M 全拼為Model,與MVC中的M功能相同,負責和資料庫交互,進行資料處理。

V 全拼為 View,與MVC中的C功能相同,接收請求,進行業務處理,回傳應答。

T 全拼為 Template,與MVC中的V功能相同,負責封裝建構要傳回的html。

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)
登入後複製

在上面的程式碼中,將變數 name 傳遞給 hello.html 模板。

<!-- templates/variable.html模板 -->
<!DOCTYPE html>
<html>
<head>
    <title>variable</title>
</head>
<body>
    <h2>hello {{ name }}!</h2>
</body>
</html>
登入後複製

執行

python3 variable.py
登入後複製

存取

curl http://192.168.182.110:8000/
登入後複製

2)控制結構

在Jinja2中,可以使用if forwhile等語句來控制模板中的輸出。範例程式碼如下:

# 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)
登入後複製

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>
登入後複製

在上面的程式碼中,使用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)
登入後複製

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>
登入後複製

在上面的程式碼中,使用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)
登入後複製

定義一個巨集templates /macros.html 模板

# 定义一个宏
{% macro print_user(user) %}
    <h2>Hello {{ user.name }}!</h2>
    <p>You are {{ user.age }} years old.</p>
{% endmacro %}
登入後複製

在上面的程式碼中,定義了一個名為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>
登入後複製

在上面的程式碼中,定義了一個名為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)
登入後複製

範本檔案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>
登入後複製

在上面的程式碼中,定義了一個名為datetimeformat 的過濾器,用於格式化日期和時間。這裡是自訂濾鏡,其實 JinJa2 也內建了一些濾鏡。 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)
登入後複製

模板文件 templates/base.html

<!-- base.html模板 -->
<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    {% block content %}{% endblock %}
</body>
</html>
登入後複製

模板文件 templates/extend.html

<!-- extend.html模板 -->
{% extends "base.html" %}
{% block title %}Hello{% endblock %}
{% block content %}
    <h2>Hello World!</h2>
{% endblock %}
登入後複製

在上面的代码中,定义了一个名为 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)
登入後複製

模板文件 templates/contain.html

<!-- contain.html模板 -->
<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    {% block content %}{% endblock %}
    {% include "footer.html" %}
</body>
</html>
登入後複製

模板文件 templates/footer.html

<!-- footer.html模板 -->
<footer>
    <p>&copy; 2023</p>
</footer>
登入後複製

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

以上是Python Flask JinJa2語法如何使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:yisu.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板