Flask深入瞭解Jinja2引擎的用法

2022-07-28 14:01:47

Jinja2

想象一下這樣一個場景，如果對於某個網站來說，如果你充值了Vip，你才可以看到隱藏內容了。你該怎麼做呢？

這個適合就需要jinja2的出場了

先寫一份程式碼，根據姓名渲染一個網頁，然後把姓名和vip變數傳入HTML模板中。

注意使用jinja2的HTML頁面是不能用瀏覽器直接開啟的，必須要啟動Flask，使用路由返回頁面

from flask import Flask, render_template
app = Flask(__name__)
@app.route('/space/<name>')
def space(name):
    vip = True
    return render_template("space.html", name=name, vip=vip)
if __name__ == '__main__':
    app.run(debug=True)

當html模板，接收到flask傳遞過來的name、vip引數，在html中如何使用呢？

使用{{ }}裝載一個變數，比如文中使用{{ name }}在html中裝載name變數
使用{% %}裝載一個語句，對於if語句的格式如下面的程式碼的8-11行，必須要以{% if xxx %}，以{% endif %}結尾。

<!doctype html>
<html lang="en">
<head>
    <title>Hello from Flask</title>
</head>
<body>
    <h1>Hello {{ name }}！</h1>
    <!-- jinja2的if語句 -->
    {% if vip %}
        <h3>吆西，你觸發了，隱藏內容啦！</h3>
    {% endif %}
</body>
</html>

Jinja2語句擴充套件

先說一下最終的結論：jinja2中裝載變數使用{{ }}，裝載語句使用{{% %}}，括號裡面都按Python的風格書寫即可！

在html中，我們裝載的變數，還有可能是一個列表，一個物件，一個字典等型別。

我們裝載的方式如下所示：

# python
a = [1,2,3]
b = Cat(name="Tom")
c = {"name":"Jackson"}
# html
<h1>Hello {{ a[0] }}！</h1>
<h1>Hello {{ b.name }}！</h1>
<h1>Hello {{ c['name '] }}！</h1>

# 輸出結果
Hello 1！
Hello Tom！
Hello Jackson！

在html中，不僅僅要使用if語句，還有一個更重要的迴圈語句。jinja2的迴圈語句如下所示：

     {% for item in navigation %}
         <li><a href="{{ item.href }}" rel="external nofollow" >{{ item.caption }}</a></li>
     {% endfor %}

上面的程式碼生成了len(navigation )個li，每個li都指向item.href的連結。

都看到這裡了，點個贊白！

Jinja2模板繼承

Jinja2的模板繼承其實和物件的繼承有一些相似的地方。比如，可以減少很多冗餘的程式碼。接下來，我將展示一個Jinja2模板繼承的小例子：

我們建立一個base.html，書寫如下程式碼：

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="base.css" rel="external nofollow"  />
    <title>{% block title %}{% endblock %}</title>
    {% block head %}{% endblock %}
</head>
<body>
    <div id="body">{% block body %}{% endblock %}</div>
</body>
</html>

在上述程式碼中，{% block xxx %} {% endblock %}表示開一個卡槽，方便後續頁面進行填寫。

接下來，編寫一個index.html繼承base.html頁面，具體方式如下所示：

{% extends "base.html" %}
{% block title %}首頁{% endblock %}
{% block body %}
    <h1>這裡是首頁</h1>
    <p class="detail">
      首頁的內容
    </p>
{% endblock %}

{% extends “base.html” %} 表示繼承base.html模板

{% block title %}首頁{% endblock %} 表示使用title卡槽。

首頁是卡槽的內容 body 卡槽也是一樣的

到此這篇關於Flask深入瞭解Jinja2引擎的用法的文章就介紹到這了,更多相關Flask Jinja2內容請搜尋it145.com以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援it145.com！

Flask深入瞭解Jinja2引擎的用法

目錄

Jinja2

Jinja2語句擴充套件

Jinja2模板繼承

熱門文章