網(wǎng)站首頁 編程語言 正文
前言
模板是 Django MVT 結(jié)構(gòu)的第三個也是最重要的部分。Django中的模板基本上是用HTML,CSS和Javascript編寫在.html文件中的。Django框架有效地處理和生成對最終用戶可見的動態(tài)HTML網(wǎng)頁。Django主要使用后端,因此,為了提供前端并為我們的網(wǎng)站提供布局,我們使用模板。根據(jù)我們的需求,有兩種方法可以將模板添加到我們的網(wǎng)站。
我們可以使用單個模板目錄,該目錄將分布在整個項目中。
對于我們項目的每個應(yīng)用程序,我們可以創(chuàng)建一個不同的模板目錄。
對于我們當(dāng)前的項目,為了簡單起見,我們將創(chuàng)建一個將分布在整個項目中的單個模板目錄。應(yīng)用級模板通常用于大型項目,或者我們希望為網(wǎng)頁的每個組件提供不同的布局。
配置
Django模板可以在app_name/設(shè)置中配置.py,
TEMPLATES = [
{
# 要使用的模板后端
'BACKEND': 'django.template.backends.django.DjangoTemplates',
# 模板目錄
'DIRS': [],
'APP_DIRS': True,
# 要配置的選項
'OPTIONS': {
'context_processors': [
'django.template.context_processors.debug',
'django.template.context_processors.request',
'django.contrib.auth.context_processors.auth',
'django.contrib.messages.context_processors.messages',
],
},
},
]
使用 Django 模板
如何使用示例項目在 Django 中使用模板的插圖。模板不僅顯示靜態(tài)數(shù)據(jù),還顯示通過上下文字典連接到應(yīng)用程序的不同數(shù)據(jù)庫的數(shù)據(jù)。考慮一個名為極客forgeeks的項目,它有一個名為極客的應(yīng)用程序。
要呈現(xiàn)模板,需要一個視圖和一個映射到該視圖的URL。讓我們首先在極客/視圖中創(chuàng)建一個視圖.py,
# 從 django 導(dǎo)入 Http 響應(yīng)
from django.shortcuts import render
# 創(chuàng)建函數(shù)
def geeks_view(request):
# 創(chuàng)建字典以將數(shù)據(jù)傳遞到模板
context ={
"data":"Gfg is the best",
"list":[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
}
# 使用模板和上下文返回響應(yīng)
return render(request, "geeks.html", context)
現(xiàn)在我們需要映射一個URL來呈現(xiàn)這個視圖,
from django.urls import path
from .views import geeks_view
urlpatterns = [
path('', geeks_view),
]
最后在 templates/geeks.html 中創(chuàng)建一個模板,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Homepage</title>
</head>
<body>
<h1>Welcome to haiyong.site</h1>
<p> Data is {{ data }}</p>
<h4>List is </h4>
<ul>
{% for i in list %}
<li>{{ i }}</li>
{% endfor %}
</body>
</html>
Django 模板語言
這是Django模板提供的最重要的設(shè)施之一。Django模板是使用Django模板語言標(biāo)記的文本文檔或Python字符串。模板引擎可以識別和解釋某些構(gòu)造。主要的是變量和標(biāo)簽。正如我們在上面的示例中用于循環(huán)一樣,我們將其用作標(biāo)記。同樣,我們可以使用各種其他條件,例如如果,否則,如果-否則,空等。Django模板語言的主要特征是變量,標(biāo)簽,過濾器和評論。
變量
變量從上下文中輸出一個值,該值是一個類似于字典的對象,它將鍵映射到值。我們從視圖發(fā)送的上下文對象可以使用Django模板的變量在模板中訪問。
語法
{{ variable_name }}
示例
變量被 {{ 和 }} 括起來,如下所示:
My first name is {{ first_name }}. My last name is {{ last_name }}.
在上下文 {'first_name: “hai”、“l(fā)ast_name”: “yong”} 的情況下,此模板將呈現(xiàn)為:
My first name is hai. My last name is yong.
標(biāo)簽
標(biāo)記在呈現(xiàn)過程中提供任意邏輯。例如,標(biāo)記可以輸出內(nèi)容,用作控制結(jié)構(gòu),例如“if”語句或“for”循環(huán),從數(shù)據(jù)庫中獲取內(nèi)容,甚至允許訪問其他模板標(biāo)記。
語法
{% tag_name %}
例
標(biāo)記由 {% 和 %} 括起來,如下所示:
{% csrf_token %}
大多數(shù)標(biāo)簽接受參數(shù),例如:
{% cycle 'odd' 'even' %}
? | 常用標(biāo)簽 | ? |
---|---|---|
Comment | cycle | extends |
if | for loop | for … empty loop |
BooleanOperators | firstof | include |
lorem | now | url |
過濾器
Django模板引擎提供用于轉(zhuǎn)換變量和標(biāo)簽參數(shù)值的過濾器。我們已經(jīng)討論了主要的Django模板標(biāo)簽。標(biāo)簽不能修改變量的值,而過濾器可用于增加變量的值或根據(jù)自己的需要修改變量的值。
語法
{{ variable_name | filter_name }}
過濾器可以“鏈接”。一個篩選器的輸出將應(yīng)用于下一個篩選器。{{ text|scape|換行 }} 是一種常用的習(xí)語,用于轉(zhuǎn)義文本內(nèi)容,然后將換行符轉(zhuǎn)換為
標(biāo)記。
例
{{ value | length }}
如果值為? ['a'、'b'、'c'、'd'] ,則輸出將為?4。
? | 主要模板過濾器 | ? |
---|---|---|
add | addslashes | capfirst |
center | cut | date |
default | dictsort | divisibleby |
escape | filesizefodivisible byrmat | first |
join | last | length |
line numbers | lower | make_list |
random | slice | slugify |
time | timesince | title |
unordered_list | upper | wordcount |
評論
模板忽略 {% 注釋 %} 和 {% 結(jié)束注釋 %} 之間的所有內(nèi)容。可以在第一個 標(biāo)記中插入一個可選注釋。例如,這在注釋掉代碼以記錄代碼被禁用的原因時很有用。
語法
{% comment 'comment_name' %}
{% endcomment %}
例:
{% comment "Optional note" %}
Commented out text with {{ create_date|date:"c" }}
{% endcomment %}
模板繼承
Django模板引擎中最強大,因此最復(fù)雜的部分是模板繼承。模板繼承允許您構(gòu)建一個基本的“骨架”模板,其中包含站點的所有公共元素,并定義子模板可以覆蓋的塊。擴展標(biāo)簽用于在 Django 中繼承模板。需要一遍又一遍地重復(fù)相同的代碼。使用擴展,我們可以繼承模板和變量。
語法
{% extends 'template_name.html' %}
示例 :
假定以下目錄結(jié)構(gòu):
dir1/
template.html
base2.html
my/
base3.html
base1.html
在模板.html中,以下路徑將有效:
{% extends "./base2.html" %}
{% extends "../base1.html" %}
{% extends "./my/base3.html" %}
原文鏈接:https://juejin.cn/post/7155304668329934878
相關(guān)推薦
- 2022-03-23 如何使用Redis實現(xiàn)電商系統(tǒng)的庫存扣減_Redis
- 2022-10-17 在?C#?中使用?Span<T>?和?Memory<T>?編寫高性能代碼的詳
- 2022-09-09 使用Dockerfile腳本定制鏡像的方法_docker
- 2023-07-03 python?遍歷可迭代對象的實現(xiàn)方法_python
- 2023-07-07 TP6在composer包里寫控制器
- 2022-06-11 python實現(xiàn)自動整理文件_python
- 2022-07-19 springboot繼承swagger3
- 2022-07-06 C語言舉例講解i++與++i之間的區(qū)別_C 語言
- 最近更新
-
- window11 系統(tǒng)安裝 yarn
- 超詳細(xì)win安裝深度學(xué)習(xí)環(huán)境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎(chǔ)操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區(qū)別,Jav
- spring @retryable不生效的一種
- Spring Security之認(rèn)證信息的處理
- Spring Security之認(rèn)證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權(quán)
- redisson分布式鎖中waittime的設(shè)
- maven:解決release錯誤:Artif
- restTemplate使用總結(jié)
- Spring Security之安全異常處理
- MybatisPlus優(yōu)雅實現(xiàn)加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務(wù)發(fā)現(xiàn)-Nac
- Spring Security之基于HttpR
- Redis 底層數(shù)據(jù)結(jié)構(gòu)-簡單動態(tài)字符串(SD
- arthas操作spring被代理目標(biāo)對象命令
- Spring中的單例模式應(yīng)用詳解
- 聊聊消息隊列,發(fā)送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠(yuǎn)程分支