Django框架(十一):模板介紹、模板語言、模板繼承、HTML轉義

来源:https://www.cnblogs.com/liuhui0308/archive/2020/01/25/12230442.html
-Advertisement-
Play Games

1. 模板介紹 1.1 模板的功能 產生html,控制頁面上展示的內容。模板文件不僅僅是一個html文件。 模板文件包含兩部分內容: 靜態內容:css、js、html。 動態內容:用於動態去產生一些頁面內容。通過模板語言來產生。 1.2 模板文件的使用 通常是在視圖函數中使用模板產生html內容返回 ...


1. 模板介紹

1.1 模板的功能

產生html,控制頁面上展示的內容。模板文件不僅僅是一個html文件。

模板文件包含兩部分內容:

靜態內容:css、js、html。

動態內容:用於動態去產生一些頁面內容。通過模板語言來產生。

1.2 模板文件的使用

通常是在視圖函數中使用模板產生html內容返回給客戶端。

載入模板文件loader.get_template,獲取模板文件的內容,產生一個模板對象。

定義模板上下文RequeseContext,給模板文件傳遞數據。

模板渲染產生html頁面內容render,用傳遞的數據替換相應的變數,產生一個替換後的標準的html內容。

1.3 模板文件載入順序

首先去配置的模板目錄下麵去找模板文件。

去INSTALLED_APPS下麵的每個應用的templates去找模板文件,前提是應用中必須有templates文件夾。

2. 模板語言

2.1 變數

模板變數的作用是計算並輸出,變數名必須由字母、數字、下劃線(不能以下劃線開頭)和點組成。

語法如下:

{{變數}}

當模版引擎遇到點如book.title,會按照下列順序解析:

1.字典book['title']

2.先屬性後方法,將book當作對象,查找屬性title,如果沒有再查找方法title()

3.如果是格式為book.0則解析為列表book[0]

如果變數不存在則插入空字元串''。

在模板中調用方法時不能傳遞參數。

例如:

{{book.btitile}}

首先把book當成一個字典,把btitle當成鍵名,進行取值book['btitle']。

把book當成一個對象,把btitle當成屬性,進行取值book.btitle。

把book當成一個對象,把btitle當成對象的方法,進行取值book.btitle。

例如:

{{book.0}}

首先把book當成一個字典,把0當成鍵名,進行取值book[0]。

把book當成一個列表,把0當成下標,進行取值book[0]。

如果解析失敗,則產出內容時用空字元串填充模板變數。

使用模板變數時,前面的困難是一個字典,可能是一個對象,還可能是一個列表。

2.2 標簽

語法如下: 

{%代碼段%}

for標簽語法如下:

{%for item in 列表%}
迴圈邏輯
{{forloop.counter}}表示當前是第幾次迴圈,從1開始
{%empty%}
列表為空或不存在時執行此邏輯
{%endfor%}

if標簽語法如下:

{%if ...%}
邏輯1
{%elif ...%}
邏輯2
{%else%}
邏輯3
{%endif%}

比較運算符如下:

運算符左右兩端不能緊挨變數或常量,必須有空格。 

==
!=
<
>
<=
>=

布爾運算符如下:

and
or
not

2.3 過濾器

語法如下:

使用管道符號|來應用過濾器,用於進行計算、轉換操作,可以使用在變數、標簽中。

如果過濾器需要參數,則使用冒號:傳遞參數。

變數|過濾器:參數

長度length,返回字元串包含字元的個數,或列表、元組、字典的元素個數。

預設值default,如果變數不存在時則返回預設值。

data|default:'預設值'

日期date,用於對日期類型的值進行字元串格式化,常用的格式化字元如下:

Y表示年,格式為4位,y表示兩位的年。

m表示月,格式為01,02,12等。

d表示日, 格式為01,02等。

j表示日,格式為1,2等。

H表示時,24進位,h表示12進位的時。

i表示分,為0-59。

s表示秒,為0-59。

value|date:"Y年m月j日  H時i分s秒"

2.4 註釋

在模板中使用如下模板註釋,這段代碼不會被編譯,不會輸出到客戶端; html註釋只能註釋html內容,不能註釋模板語言。

單行註釋語法如下:

{#...#}

註釋可以包含任何模版代碼,有效的或者無效的都可以。

{# { % if foo % }bar{ % else % } #}

多行註釋使用comment標簽,語法如下:

{%comment%}
...
{%endcomment%}

3. 模板繼承

模板繼承和類的繼承含義是一樣的,主要是為了提高代碼重用,減輕開發人員的工作量。

典型應用:網站的頭部、尾部信息。

3.1 父模板

如果發現在多個模板中某些內容相同,那就應該把這段內容定義到父模板中。

標簽block:用於在父模板中預留區域,留給子模板填充差異性的內容,名字不能相同。 為了更好的可讀性,建議給endblock標簽寫上名字,這個名字與對應的block名字相同。父模板中也可以使用上下文中傳遞過來的數據。

{%block 名稱%}
預留區域,可以編寫預設內容,也可以沒有預設內容
{%endblock  名稱%}

3.2 子模板

標簽extends:繼承,寫在子模板文件的第一行。

{% extends "父模板路徑"%}

子模版不用填充父模版中的所有預留區域,如果子模版沒有填充,則使用父模版定義的預設值。

填充父模板中指定名稱的預留區域。

{%block 名稱%}
實際填充內容
{{block.super}}用於獲取父模板中block的內容
{%endblock 名稱%}

4. HTML轉義

模板對所有傳遞的文字進行輸出時,合併以下字元自動轉義。

小於號< 轉換為 &lt;

大於號> 轉換為 &gt;

單引號' 轉換為 &#39;

雙引號" 轉換為 &quot;

與符號& 轉換為 &amp;

過濾器escape可以實現對變數的html轉義,預設模板就會轉義,一般省略。

{{t1|escape}}

過濾器safe:局部轉義,告訴模板這個變數是安全的,可以解釋執行。

{{data|safe}}

標簽autoescape:設置一段代碼都局部轉義,接受on,off參數。

{%autoescape off%}
...
{%endautoescape%}

模板硬編碼中的字元串預設不會經過轉義,如果需要轉義,那需要手動進行轉義。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 之前一直知道使用 Ctrl+Z 掛起前臺進程來阻止進程運行,之後可以再通過 shell 的作業控制 (jobs / fg N) 來將後臺進程切換為前臺,從而繼續運行。 最近學到一種新的方法,對於不停有 console 輸出的前臺進程,可以使用 Ctrl+S 來 STOP 一個進程的輸出,從而暫停進程 ...
  • 一、RPM版安裝 查看是否有其他版本的資料庫,若有,刪除乾凈 非root用戶必須要有sudo許可權 1.下載mysql相關安裝包 https://mirrors.tuna.tsinghua.edu.cn/mysql/yum/mysql80-community-el7/mysql-community-s ...
  • CentOS7上安裝mysql後,想要實現mysql遠程登錄。主要解決二個問題:(1)為mysql用戶授予遠程登錄許可權(改表法或授權法);(2)防火牆開放3306埠。(一)授予登錄許可權mysql -u root -p 輸入密碼進入到mysql中。授權法創建賬號test並授權,密碼為password... ...
  • redis中動態字元串sds相關的文件為:adlist.h與adlist.c 一、數據結構 redis里定義的雙向鏈表,與普通雙向鏈表大致相同 單個節點: 1 typedef struct listNode { 2 struct listNode *prev; 3 struct listNode * ...
  • 舊版貓眼電影底部有4個標簽導航:電影、影院、發現、我的,如下圖所示: 一、首先,打開微信開發者工具,新建一個項目:movie。如下圖: 二、建立如下的一些目錄: 三、將底部標簽導航圖標的素材放到images的bar中(0表示標簽未被選中,1表示選中),如圖: 四、打開app.json配置文件,在pa ...
  • 一段學習的結束 我也不知道我這是在寫些什麼,只是覺得學完了一些東西,就是想把它記錄 一下,這樣我就可以知道我是學過這一塊的,要多激勵自己,^_^O(∩_∩)O哈哈~ 以下內容並不完全與標題匹配,不過以下內容綜合了前面幾篇的應用,並增加了 部分東西 js帶碼要和html代碼一起看 ...
  • promise這個東西,我都不知道見過多少回了!,非常重要,這裡在回憶一遍 發現問題 使用promise 封裝promise html頁面中promise 處理錯誤 最後 這種事把錯誤放在最後處理 當然,也可以在中間處理錯誤 不過一般都在最後處理 promise resolve不支持多參數 ...
  • 具體使用方式參照官方文檔:https://www.npmjs.com/package/formidable 第一:安裝: 第二:基本使用: ...
一周排行
    -Advertisement-
    Play Games
  • .Net8.0 Blazor Hybird 桌面端 (WPF/Winform) 實測可以完整運行在 win7sp1/win10/win11. 如果用其他工具打包,還可以運行在mac/linux下, 傳送門BlazorHybrid 發佈為無依賴包方式 安裝 WebView2Runtime 1.57 M ...
  • 目錄前言PostgreSql安裝測試額外Nuget安裝Person.cs模擬運行Navicate連postgresql解決方案Garnet為什麼要選擇Garnet而不是RedisRedis不再開源Windows版的Redis是由微軟維護的Windows Redis版本老舊,後續可能不再更新Garne ...
  • C#TMS系統代碼-聯表報表學習 領導被裁了之後很快就有人上任了,幾乎是無縫銜接,很難讓我不想到這早就決定好了。我的職責沒有任何變化。感受下來這個系統封裝程度很高,我只要會調用方法就行。這個系統交付之後不會有太多問題,更多應該是做小需求,有大的開發任務應該也是第二期的事,嗯?怎麼感覺我變成運維了?而 ...
  • 我在隨筆《EAV模型(實體-屬性-值)的設計和低代碼的處理方案(1)》中介紹了一些基本的EAV模型設計知識和基於Winform場景下低代碼(或者說無代碼)的一些實現思路,在本篇隨筆中,我們來分析一下這種針對通用業務,且只需定義就能構建業務模塊存儲和界面的解決方案,其中的數據查詢處理的操作。 ...
  • 對某個遠程伺服器啟用和設置NTP服務(Windows系統) 打開註冊表 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\W32Time\TimeProviders\NtpServer 將 Enabled 的值設置為 1,這將啟用NTP伺服器功 ...
  • title: Django信號與擴展:深入理解與實踐 date: 2024/5/15 22:40:52 updated: 2024/5/15 22:40:52 categories: 後端開發 tags: Django 信號 松耦合 觀察者 擴展 安全 性能 第一部分:Django信號基礎 Djan ...
  • 使用xadmin2遇到的問題&解決 環境配置: 使用的模塊版本: 關聯的包 Django 3.2.15 mysqlclient 2.2.4 xadmin 2.0.1 django-crispy-forms >= 1.6.0 django-import-export >= 0.5.1 django-r ...
  • 今天我打算整點兒不一樣的內容,通過之前學習的TransformerMap和LazyMap鏈,想搞點不一樣的,所以我關註了另外一條鏈DefaultedMap鏈,主要調用鏈為: 調用鏈詳細描述: ObjectInputStream.readObject() DefaultedMap.readObject ...
  • 後端應用級開發者該如何擁抱 AI GC?就是在這樣的一個大的浪潮下,我們的傳統的應用級開發者。我們該如何選擇職業或者是如何去快速轉型,跟上這樣的一個行業的一個浪潮? 0 AI金字塔模型 越往上它的整個難度就是職業機會也好,或者說是整個的這個運作也好,它的難度會越大,然後越往下機會就會越多,所以這是一 ...
  • @Autowired是Spring框架提供的註解,@Resource是Java EE 5規範提供的註解。 @Autowired預設按照類型自動裝配,而@Resource預設按照名稱自動裝配。 @Autowired支持@Qualifier註解來指定裝配哪一個具有相同類型的bean,而@Resourc... ...