您好,登錄后才能下訂單哦!
這篇“Flask之Jinja2引擎怎么使用”文章的知識點大部分人都不太理解,所以小編給大家總結了以下內容,內容詳細,步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“Flask之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中裝載變量使用{{ }},裝載語句使用{{% %}},括號里面都按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模板繼承的小例子:
我們創建一個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引擎怎么使用”這篇文章的內容,相信大家都有了一定的了解,希望小編分享的內容對大家有幫助,若想了解更多相關的知識內容,請關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。