中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Flask之Jinja2引擎怎么使用

發布時間:2022-07-28 14:48:12 來源:億速云 閱讀:153 作者:iii 欄目:開發技術

這篇“Flask之Jinja2引擎怎么使用”文章的知識點大部分人都不太理解,所以小編給大家總結了以下內容,內容詳細,步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“Flask之Jinja2引擎怎么使用”文章吧。

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>
    <h2>Hello {{ name }}!</h2>
    <!-- jinja2的if語句 -->
    {% if vip %}
        <h4>吆西,你觸發了,隱藏內容啦!</h4>
    {% endif %}
</body>
</html>

Jinja2語句擴展

先說一下最終的結論:jinja2中裝載變量使用{{ }},裝載語句使用{{% %}},括號里面都按Python的風格書寫即可!

在html中,我們裝載的變量,還有可能是一個列表,一個對象,一個字典等類型。

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

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

# 輸出結果
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 %}
    <h2>這里是首頁</h2>
    <p class="detail">
      首頁的內容
    </p>
{% endblock %}

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

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

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

以上就是關于“Flask之Jinja2引擎怎么使用”這篇文章的內容,相信大家都有了一定的了解,希望小編分享的內容對大家有幫助,若想了解更多相關的知識內容,請關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

阿拉尔市| 长泰县| 嘉峪关市| 资溪县| 厦门市| 上蔡县| 青浦区| 饶河县| 旌德县| 永清县| 伽师县| 甘谷县| 老河口市| 牡丹江市| 交口县| 邹平县| 工布江达县| 德庆县| 环江| 奉贤区| 南岸区| 科技| 车险| 乌鲁木齐县| 沽源县| 泗阳县| 博野县| 石楼县| 桑日县| 长宁县| 烟台市| 平舆县| 体育| 乐至县| 襄樊市| 安福县| 疏附县| 沾益县| 张家口市| 合阳县| 兴化市|