Jinja的基礎知識

Jinja的基礎知識

介紹:Jinja2 是一個現代的,設計者友好的,仿照 Django 模板的 Python 模板語言。 它速度快,被廣泛使用,并且提供了可選的沙箱模板執行環境保證安全

基本操作

  • 變量:使用{{}}包圍

    <a>{{user.username}}</a>
  • 注釋:注釋代碼塊使用 {# Documents #} 來表示

  • 控制語句:使用{{% 控制流程 %}}來編寫控制代碼塊

    {% if a %}<p>hello a</p>
    {% else %}<p>hello b</p>
    {% endif %}
  • 循環:

    • 在 Jinja 中需要同時使用循環語句和 if 語句來模擬 continue 語句的功能。

    • 可以使用 Jinja 提供的 loop 變量來模型 Python 中的 enumerate() 內置函數的功能。 loop 變量可以返回一些關于 for 循環的信息,如: 索引號。

    
    # example1{% for post in posts if post.text %}<div><h1>{{ post.title }}</h1><p>{{ post.text | safe }}</p></div>
    {% endfor %}# example2{% for post in posts %}{{ loop.index }}-{{ post.title }}
    {% endfor %}
  • 過濾器:用于處理變量代碼塊中的變量。過濾器與變量用管道符號( | )分割,并且也 可以用圓括號傳遞可選參數。多個過濾器可以鏈式調用,前一個過濾器的輸出會被作為 后一個過濾器的輸入。
    常用過濾器:http://blog.csdn.net/jmilk/article/details/53292248

    
    # 有參數{{ variable | filter_name }}# 或無參數{{ variables | filter_name(*args) }}
    
  • 宏:類似于函數,會返回一個 Jinja 模板或 HTML 字符串。其最主要的功能就是提高代碼的重用性。如:

    {% macro input(name, label, value='', type='text')%}<div class="form-group"><label for"{{ name }}">{{ label }}</div><input type="{{ type }}" name="{{ name }}"value="{{ value | escape }}" class="form-control"></div>
    {% endmacro %}
    • input():是宏的名字,類似于函數名

    • (name, label, value='', type='text'):是宏的參數,類似于函數的必備參數和缺省參數

    • 調用

    {{ input('name', 'Name') }}
    • 結果
     <div class="form-group"><label for"name">Name</div><input type="text" name="name"value="" class="form-control"></div>

文章參考自:

http://blog.csdn.net/jmilk/article/details/53264049

http://docs.jinkan.org/docs/jinja2/templates.html#id7

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/250443.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/250443.shtml
英文地址,請注明出處:http://en.pswp.cn/news/250443.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

PE文件格式詳解(二)

0x00 前言 上一篇講到了PE文件頭的中IMAGE_FILE_HEADER結構的第二個結構&#xff0c;今天從IMAGE_FILE_HEADER中第三個結構sizeOfOptionalHeader講起。這個字段的結構名也叫做IMAGE_OPTIONAL_HEDAER講起。 0x01 IMAGE_OPTIONAL_HEADER概述 其實這個結構是IMAGE_FILE_HEADER結構…

javascript --- [代碼優化]將復雜的函數分解寫異步請求數據的同步寫法

說明 今天優化項目結構,發現有如下一個函數 const drawMqiPie async (index) > {// 請求的參數let params {lineNo: lineNo,direct: 1,driveway: 1,pageNum: 0,pageSize: 0,computeRange: 3,detectDate: $(#detectYear).val() -01-01}// 請求的urllet url conf.URL s…

20165223《Java程序設計》第八周Java學習總結

教材學習內容總結 第12章-JAVA多線程機制 要點 Java中的線程Thread類與線程的創建線程的常用方法線程同步協調同步的線程線程聯合GUI線程計時器線程教材學習中的問題和解決過程 1. 進程與線程 程序&#xff1a;靜態的代碼&#xff0c;應用執行的藍本進程&#xff1a;程序的一次…

各種平臺的表達芯片跟mRNA-seq數據比較

各種平臺的表達芯片跟mRNA-seq數據比較 RNA-Seq 表達譜 芯片數據分析文章見&#xff1a;http://journals.plos.org/plosone ... ournal.pone.0078644指定的細胞系是&#xff1a;Human CCR6 CD4 memory T cell &#xff0c;測了6個時間點&#xff0c;共12個樣本表達芯片用的…

SQLAlchemy 一些基本操作

SQLAlchemy 一些基本操作 建表&#xff1a;db.create_all() 一次性創建全部的表 插入數據&#xff1a; ? 1、創建變量user User(username “hjj2”,password “1234”) ? 2、使用db.session.add(user)&#xff0c;添加到會話對象中 ? 3、使用db.session.commit()&am…

koa --- [MVC實現之五]Model層的實現

說明 上一篇: MVC實現之四這一篇主要介紹: 項目中用到的Sequelize庫中的一些方法,參考使用Sequelize連接mysql將Model層加入Mar類中 Service層 還是從業務出發,Service層是調用方,調用方式和Controller層調用Service層一樣 class Service {constructor(app) {const { model…

關于字符串 --java

這是在杭電上做一道水題時發現的&#xff0c;挺不錯&#xff0c;寫下了分享一下 http://acm.hdu.edu.cn/showproblem.php?pid2072 這里我用了兩種方法&#xff0c;參考大佬的&#xff0c;一個是list實現類&#xff0c;一個是用set框架 import java.util.*;public class Main {…

三元表達式 列表遞推 生成器表達式

#!/use/bin/python# -*- conding:utf-8 -*-# def my_max(x,y):# if x > y : #>必須緊湊# return x# else:# return y# x 10# y 20# res x if x>y else y# print(res)# name input(>>>:).strip()# res 漂亮小姐姐 if name 汪妍…

node --- 模擬事件的異步

事件 在前端瀏覽器最常見的就是頁面交互事件本質是發布/訂閱設計模式 目標 對象使用add方法訂閱事件。使用emit發布消息 訂閱事件 添加觸發事件的一個唯一字符串,以及對應的處理函數先初始化事件對象 class Event {constructor(){this.events {};} }訂閱在訂閱事件的時候,…

Vue-webpack項目配置詳解

Vue-webpack項目配置詳解 1、首先我們在構建vue項目后&#xff0c;就得先了解vue的項目結構 ├── build --------------------------------- webpack相關配置文件 │ ├── build.js --------------------------webpack打包配置文件 │ ├── check-versions.js ----…

淺談PHP面向對象編程(九)

9.0 設計模式 在編寫程序時經常會遇到一此典型的問題或需要完成某種特定需求&#xff0c;設計模式就是針對這些問題和需求&#xff0c;在大量的實踐中總結和理論化之后優選的代碼結構編程風格&#xff0c;以及解決問題的思考方式。 設計模式就像是經典的棋譜。不同的棋局&#…

javascript --- Object.create的閱讀

說明 今天閱讀koa源碼時,遇到Object.create,感覺對這個概念有點生疏,于是打開了MDN進行重新梳理傳送門 Object.create() 直接套用官網的栗子 const person {isHuman: false,printIntroduction: function () {console.log(My name is ${this.name}. Am I human? ${this.i…

python 12306 車次數據獲取

python 12306 車次數據獲取 ssl._create_default_https_context ssl._create_default_https_context train_data 2018-10-20 headers {User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36,…

Annotation 注解

Annotation分為兩種&#xff0c;第一種為系統內置注解&#xff0c;第二種為自定義注解。系統內置注解&#xff1a;例如Override,Dprecated自定義注解&#xff1a;定義格式為 【public】 interface Annotation名稱{數據類型 變量名稱();}其中數據類型和變量自定義&#xff0c;不…

node --- [node接口閱讀]cluster的使用

目標 在主進程中完成以下事情: 每隔1秒鐘輸出,當前請求的數量創建等同于CPU數量的進程對每個進程施加一個處理函數,用于統計請求的數量 在各個CPU的進程中完成以下事情 監聽8000端口的請求,并返回最簡單的信息發送事件,以觸發主進程中施加的事件處理函數 前置知識 process…

洛谷P4777 【模板】擴展中國剩余定理(EXCRT)

傳送門 關于excrt 1 //minamoto2 #include<iostream>3 #include<cstdio>4 #define int long long5 using namespace std;6 #define getc() (p1p2&&(p2(p1buf)fread(buf,1,1<<21,stdin),p1p2)?EOF:*p1)7 char buf[1<<21],*p1buf,*p2buf;8 int …

adb shell dumpsys

獲取某個包的信息: adb shell dumpsys package <PACKAGE_NAME> 包含了Activity、Service和Receiver中的Action信息。注冊的Provider Permission信息&#xff0c;被授予的權限信息 查看AndroidManifest.xml&#xff1a; aapt dump xmltree xxx.apk AndroidManifest.xml a…

docker --- 梳理 Dockerfile docker-compose.yml

docker run -p 80:80 -v $PWD/www:/usr/share/nginx/html nginx 參數說明: 1.docker run nginx: 感覺鏡像(images)生成本地的容器 2.-p 80:80: 容器的80端口和本地的80端口的映射 3.-v:將本地的,當前文件夾下的www文件夾映射容器路徑為/usr/share/nginx/html的文件夾下 [注:]…

python接口測試框架實戰與自動化進階(三)

python接口測試框架實戰與自動化進階 一、持續集成 1、持續集成環境搭建 1&#xff09;安裝Jenkins 官網下載后直接安裝&#xff1a;https://jenkins.io/ 終端直接安裝及啟動&#xff1a;java -jar jenkins.war 2&#xff09;Jenkins用于&#xff1a; 持續、自動地構建/測試軟件…

配置 --- 將本地項目部署到阿里云上

說明: 項目代碼學習地址項目前端使用了nginx代理后端使用express框架使用PM2部署后端使用mongoDB進行持久化nginx、express、PM2、mongoDB等,部署在docker中.項目使用 .sh 文件進行一鍵式啟動 本地啟動項目 1.先從github上拉取代碼 git clone https://github.com/Lizhhhh/L-n…