Jinja2:Flask應用中的高效模板引擎
Jinja2是一個純Python編寫的模板引擎,它提供了一種類似Django的非XML語法,同時支持內聯表達式和可選的沙箱環境。它小巧快速,易於使用,是一個獨立的模板引擎。 Flask是一個基於Python的微型web框架,它允許您快速高效地編寫web應用程序。
本系列教程將從Flask的角度出發,講解Jinja2模板的基礎知識。後續部分將介紹高級模板主題,並學習如何在基於Flask的應用程序中以模塊化和可擴展的方式佈局模板。
本教程假設您已掌握Flask基礎知識,並了解使用virtualenv進行Python應用程序開發的環境設置最佳實踐。
安裝包
Flask自帶Jinja2,因此我們只需要安裝Flask即可。本系列教程建議使用Flask的開發版本,它包含更穩定的命令行支持,以及許多其他功能和改進。
pip install https://github.com/mitsuhiko/flask/tarball/master
為什麼需要模板引擎?
在Flask中,我們可以在無需任何第三方模板引擎的情況下編寫完整的web應用程序。讓我們來看一個簡單的if、else和{% %}
塊的例子。更新home.html
頁面如下:
flask_app/templates/home.html
{% extends 'base.html' %} {% block container %} <div class="top-pad"> {% for id, product in products.items() %} <div class="well"> <h2> <a href="https://www.php.cn/link/0bbfd30c6d7efe2fff86061e79c010db'product', key=id) }}">{{product['name']}}</a> <small>$ {{ product['price']}}</small> </h2> </div> {% endfor %} </div> {% endblock %}
觀察這個模板如何擴展上層過濾器,如下所示:
{% extends 'base.html' %} {% block container %} <div class="top-pad"> {% for id, product in products.items() %} <div class="well"> <h2> <a href="https://www.php.cn/link/0bbfd30c6d7efe2fff86061e79c010db'product', key=id) }}">{{product['name']|upper}}</a> <small>$ {{ product['price']}}</small> </h2> </div> {% endfor %} </div> {% endblock %}
現在,如果您運行服務器,您應該會注意到產品名稱全部大寫。
總結
在本教程中,我們學習瞭如何在基於Flask的應用程序中使用Jinja2佈局模板結構。我們還了解瞭如何使用塊在模板中利用繼承。
在本系列的下一部分中,我們將學習如何編寫自定義過濾器、自定義上下文處理器和宏。
此文章已更新,並包含來自Esther Vaati的貢獻。 Esther是Envato Tuts 的軟件開發人員和撰稿人。
以上是用瓶中的jinja2模板:要點的詳細內容。更多資訊請關注PHP中文網其他相關文章!

重構自己的代碼看起來是什麼樣的?約翰·瑞亞(John Rhea)挑選了他寫的一個舊的CSS動畫,並介紹了優化它的思維過程。

CSSanimationsarenotinherentlyhardbutrequirepracticeandunderstandingofCSSpropertiesandtimingfunctions.1)Startwithsimpleanimationslikescalingabuttononhoverusingkeyframes.2)Useeasingfunctionslikecubic-bezierfornaturaleffects,suchasabounceanimation.3)For

@keyframesispopularduetoitsversatoryand and powerincreatingsmoothcsssanimations.keytricksinclude:1)definingsmoothtransitionsbetnestates,2)使用AnimatingMultatingMultationMultationProperPertiessimultane,3)使用使用4)使用BombingeNtibalibility,4)使用CombanningWiThjavoFofofofoftofofo

CSSCOUNTERSAREDOMANAGEAUTOMANAMBERINGINWEBDESIGNS.1)他們可以使用forterablesofcontents,ListItems,and customnumbering.2)AdvancedsincludenestednumberingSystems.3)挑戰挑戰InclassINCludeBrowsEccerCerceribaliblesibility andperformiballibility andperformissises.4)創造性

使用滾動陰影,尤其是對於移動設備,是克里斯以前涵蓋的一個微妙的UX。傑夫(Geoff)涵蓋了一種使用動畫限制屬性的新方法。這是另一種方式。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

Atom編輯器mac版下載
最受歡迎的的開源編輯器

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

PhpStorm Mac 版本
最新(2018.2.1 )專業的PHP整合開發工具

SublimeText3漢化版
中文版,非常好用

SublimeText3 Linux新版
SublimeText3 Linux最新版