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
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...