快捷導(dǎo)航

Flask深入了解Jinja2引擎的用法

更新時間：2022年07月28日 09:42:03 作者：自由小冰兒

Jinja2是基于python的模板引擎，功能比較類似于于PHP的smarty，J2ee的Freemarker和velocity。它能完全支持unicode，并具有集成的沙箱執(zhí)行環(huán)境，應(yīng)用廣泛。jinja2使用BSD授權(quán)

Jinja2

想象一下這樣一個場景，如果對于某個網(wǎng)站來說，如果你充值了Vip，你才可以看到隱藏內(nèi)容了。你該怎么做呢？

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

先寫一份代碼，根據(jù)姓名渲染一個網(wǎng)頁，然后把姓名和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)

當(dāng)html模板，接收到flask傳遞過來的name、vip參數(shù)，在html中如何使用呢？

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

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

Jinja2語句擴展

先說一下最終的結(jié)論：jinja2中裝載變量使用{{ }}，裝載語句使用{{% %}}，括號里面都按Python的風(fēng)格書寫即可！

在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>

# 輸出結(jié)果
Hello 1！
Hello Tom！
Hello Jackson！

在html中，不僅僅要使用if語句，還有一個更重要的循環(huán)語句。jinja2的循環(huán)語句如下所示：

     {% 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模板繼承的小例子：

我們創(chuàng)建一個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 %}表示開一個卡槽，方便后續(xù)頁面進行填寫。

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

{% extends "base.html" %}
{% block title %}首頁{% endblock %}
{% block body %}
    <h1>這里是首頁</h1>
    <p class="detail">
      首頁的內(nèi)容
    </p>
{% endblock %}

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

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

首頁是卡槽的內(nèi)容 body 卡槽也是一樣的

到此這篇關(guān)于Flask深入了解Jinja2引擎的用法的文章就介紹到這了,更多相關(guān)Flask Jinja2內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: