日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學(xué)無先后，達者為師

網(wǎng)站首頁 編程語言 正文

Flask深入了解Jinja2引擎的用法_python

作者：自由小冰兒 ? 更新時間： 2022-09-21 編程語言

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 }}"  >{{ 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  href="base.css"   />
    <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 卡槽也是一樣的

原文鏈接：https://blog.csdn.net/qq_43497702/article/details/125775348

欄目分類
最近更新