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傳遞過(guò)來(lái)的name、vip參數(shù)，在html中如何使用呢？

使用{{ }}裝載一個(gè)變量，比如文中使用{{ name }}在html中裝載name變量
使用{% %}裝載一個(gè)語(yǔ)句，對(duì)于if語(yǔ)句的格式如下面的代碼的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語(yǔ)句 -->
    {% if vip %}
        <h3>吆西，你觸發(fā)了，隱藏內(nèi)容啦！</h3>
    {% endif %}
</body>
</html>

Jinja2語(yǔ)句擴(kuò)展

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

在html中，我們裝載的變量，還有可能是一個(gè)列表，一個(gè)對(duì)象，一個(gè)字典等類型。

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

# 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語(yǔ)句，還有一個(gè)更重要的循環(huán)語(yǔ)句。jinja2的循環(huán)語(yǔ)句如下所示：

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

上面的代碼生成了len(navigation )個(gè)li，每個(gè)li都指向item.href的鏈接。

都看到這里了，點(diǎn)個(gè)贊白！

Jinja2模板繼承

Jinja2的模板繼承其實(shí)和對(duì)象的繼承有一些相似的地方。比如，可以減少很多冗余的代碼。接下來(lái)，我將展示一個(gè)Jinja2模板繼承的小例子：

我們創(chuàng)建一個(gè)base.html，書(shū)寫(xiě)如下代碼：

<!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 %}表示開(kāi)一個(gè)卡槽，方便后續(xù)頁(yè)面進(jìn)行填寫(xiě)。

接下來(lái)，編寫(xiě)一個(gè)index.html繼承base.html頁(yè)面，具體方式如下所示：

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

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

{% block title %}首頁(yè){% endblock %} 表示使用title卡槽。

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

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

您可能感興趣的文章: