山東淄博網(wǎng)站建設公司百度推廣客戶端教程
三、Django模板
模板Templates
在Django框架中,模板是可以幫助開發(fā)者快速生成呈現(xiàn)給用戶頁面的工具
模板的設計方式實現(xiàn)了我們MVT中VT的
解耦(M:Model,V:View,T:Template)
,VT有著N:M的關系,一個V可以調(diào)用任意T,一個T可以供任意V使用模板處理分為兩個過程
- 加載HTML
- 渲染數(shù)據(jù) render()
模板主要有兩個部分
HTML靜態(tài)代碼
模板語言,動態(tài)插入的代碼段(挖坑,填坑) {{ name }}
模板中的動態(tài)代碼段除了做基本的靜態(tài)填充,還可以實現(xiàn)一些基本的運算,轉(zhuǎn)換和邏輯
靜態(tài)頁面: 頁面數(shù)據(jù)是本地固定的
動態(tài)頁面: 頁面數(shù)據(jù)來源于后臺服務器
模板中的變量:視圖傳遞給模板的數(shù)據(jù),遵守標識符規(guī)則
? 語法:{{ var }}
? 如果變量不存在,則插入空字符串方法不能有參數(shù)
? {{ str }}
? {{ str.upper }} # 不能帶括號
? {{ str.isdigit }}
? {{ dict.key }}
列表,使用索引,不允許使用負索引
? items = [‘a(chǎn)pple’ ‘bananas’]
?
{{ items.1 }}
MVC軟件設計模式
: Model(數(shù)據(jù)庫),View(界面),Controller(控制器,相當于Django的視圖函數(shù))MVT : M:Model(數(shù)據(jù)庫),V:View視圖函數(shù),T:Template(界面)
模板中的標簽
?
語法: {{% tag %}}
作用:
- 加載外部傳入的變量
- 在輸出中創(chuàng)建文本
控制循環(huán)或邏輯
if 語句:格式: if單分支{% if表達式 %} 語句 {% endif %}if雙分支{% if表達式 %} 語句 {% else %} 語句2 {% endif %}if多分支{% if表達式 %} 語句 {% elif表達式 %} 語句2 {% else %} 語句3 {% endif %}判斷true或者false(可以使用and or not in,語法與python類似){% if tody_is_weekend %}\<p>Welcome to the weekend!!!\</p>{% endif %}使用 in 和 not in{% if user in users %}\<p>User已經(jīng)存在</p>{% endif %}
for 語句{% for 變量 in 列表 %}語句1{% empty %}語句2{% endfor %}當列表為空或者不存在的時候,執(zhí)行empty后的語句===================forloop.counter示例================={% forloop.counter %} 表示當前是第幾次循環(huán),從1開始
{% for item in todo_list %}<p> {{forloop.counter}} : {{ item }} </p>
{% endfor %}{{ forloop.counter0 }}表示當前是第幾次循環(huán),從0開始{{ forloop.revcounter }}表示當前是第幾次循環(huán),倒著數(shù)數(shù),到1停{{ for1oop.revcounter }}表示當前第幾次循環(huán),倒著數(shù),到0停{{ forloop.first }}是否是第一個 布爾值{% for object in objects %}{% if forloop.first %}<li class="first">{{ object }}</li>{% else %}<li>{{ object }}</li>{% endif %}
{% endfor %}{% for link in links %}{{ link }}{% if not forloop.last %}|{% endif %}
{% endfor %}===================forloop.parentloop示例=================
{% for country in countries %}
<table>{% for city in country.city_list %}<tr><td>Country #{{ forloop.parentloop.counter }}</td><td>City #{{ forloop.counter }}</td><td>{{ city }}</td></tr>{% endfor %}
</table>
{% endfor %}
注釋:單行注釋{# 被注釋掉的內(nèi)容 #}多行注釋{% comment %} 多行內(nèi)容 {% endcomment %}
過濾器:{{ var|過濾器 }}作用: 在變量顯示前修改add:{{ value|add:2 }}沒有減法過濾器,但加法里可以加負數(shù):{{ value|add:-2 }}
lower:{{ name|lower }}
upper:{{ my_list|fisrt|upper }} 將my_list的第一個值變成大寫
截斷:{{ bio|truncatechars:30 }}過濾器可以傳遞參數(shù),參數(shù)需要使用引號引起來,比如join:{{ students|join:'=' }}默認值: default,格式{{ var|default:value }}如果變量沒有被提供或者為False,空,會使用默認值根據(jù)指定格式轉(zhuǎn)換日期為字符串,處理時間的就是針對date進行的轉(zhuǎn)換{{ dateVal | date:'y-m-d'}}
HTML轉(zhuǎn)義:將接收到的數(shù)據(jù)當成普通字符串處理還是當成HTML代碼來渲染的一個問題渲染成html:{{ code|safe }}
關閉自動轉(zhuǎn)義 {% autoescape off %}code{% endautoescape %}
打開自動轉(zhuǎn)義轉(zhuǎn)義{% autoescape on %}code{% endautoescape %}
模板繼承:block:{% block XXX %}code{% endblock %}extends 繼承,寫在開頭位置{% extends'父模板路徑'%}include:加載模板進行渲染{% include'模板文件'%}{{ block.super }}:獲取父模板中block中的內(nèi)容
在Django模板中使用jinja2模板引擎
Jinja2
是之前我們在Flask框架
講過的一個模板引擎,是模仿Django默認模板引擎基礎上開發(fā)的,比Django模板引擎性能更好,功能更全.
jinja2宣稱比django默認模板引擎快10-20倍。Django也支持jinja2
1.安裝jinja2模塊
pip install jinja2
2.在settings.py所在的目錄中創(chuàng)建jinja2_env.py文件,并寫入以下內(nèi)容
from django.templatetags.static import static
from django.urls import reverse
from jinja2 import Environmentdef environment(**options):env = Environment(**options)env.globals.update({'static': static,'url': reverse,})return env
3.修改項目的settings.py文件
原本的不能刪除
TEMPLATES = [# 使用jinja2模板引擎{'BACKEND': 'django.template.backends.jinja2.Jinja2','DIRS': [],'APP_DIRS': True,'OPTIONS': {# 這里要添加environment變量,指向自定義的jinja2環(huán)境,DjangoPro2項目目錄下的jinja2_env.py文件里面的environment函數(shù)"environment": "DjangoPro2.jinja2_env.environment",'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模板引擎{'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',],},},
]
4.在修改Pycharm中settings的模板語言為Jinja2
創(chuàng)建html文件,使用Jinja2語法
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Jinja2模板語言</title>
</head>
<body><h2>Jinja2模板語言</h2><hr><p>name = {{ name }}</p>{% for n in name %}<b>{{n}}</b>{% endfor %}<hr>{% for n in name %}<div>{{loop.index}} : {{n}}</div>{% endfor %}{# Jinja2是可以使用帶括號的函數(shù)調(diào)用的 #}{% for i in range(1, 10) %}<div>{{i}}</div>{% endfor %}</body>
</html>
注意: 這只是一個簡單的Jinja2模板語法示例,要使用更多語法,可以查閱以下資料
- 深入剖析Jinja2語法:高效開發(fā)的關鍵技巧_jinja2 函數(shù)-CSDN博客
- 歡迎來到 Jinja2 — Jinja2 2.7 documentation