Django使用Jinja2模板引擎的示例代碼
Jinja2模板引擎
安裝Jinja2 :pip install jinja2,在應(yīng)用目錄下添加jinja2_env.py設(shè)定環(huán)境變量。
from django.contrib.staticfiles.storage import staticfiles_storage from django.urls import reverse from jinja2 import Environment def environment(**options): env = Environment(**options) env.globals.update({ 'static': staticfiles_storage.url, 'url': reverse, }) return env
并在管理目錄下setting.py中做出3項(xiàng)修改:
TEMPLATES = [ { 'BACKEND': 'django.template.backends.jinja2.Jinja2', # 1 'DIRS': [os.path.join(BASE_DIR, 'templates'), os.path.join(BASE_DIR, 'learning_logs/templates')] # 2 , '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', ], 'environment': 'learning_logs.jinja2_env.environment', # 3 }, }, ]
Jinja2語(yǔ)法
Jinja2的語(yǔ)法與template類(lèi)似,對(duì)比template,它更加靈活、快速和安全。
Jinja2 基本語(yǔ)法
- 控制結(jié)構(gòu){% %}
- 變量 {{ }}
- 注釋{# #}
例如:
{# jinja2 code #} {% if {{ i }}> 10 %} ... {% else %} .... {% endif %}
Jinja2 變量
在模板中的{{ i }}結(jié)構(gòu)表示變量,這是一種特殊的占位符,告訴模板引擎這個(gè)位置的值從渲染模板時(shí)使用的數(shù)據(jù)結(jié)構(gòu)中獲取。jinja2支持python中所有的Python數(shù)據(jù)類(lèi)型比如列表、字段、對(duì)象等
<p>this is a dicectory:{{ mydict['key'] }} </p> <p>this is a list:{{ mylist[3] }} </p> <p>this is a object:{{ myobject.something() }} </p>
Jinja2變量過(guò)濾器
變量的值可以使用過(guò)濾器修改。過(guò)濾器在添加變量名后,二者以豎線分隔。如:
<p>Hello, {{ user|capitalize }}!</p>
過(guò)濾器名 | 說(shuō)明 |
---|---|
safe | 渲染時(shí)值不轉(zhuǎn)義 |
capitialize | 把值的首字母轉(zhuǎn)換成大寫(xiě),其他子母轉(zhuǎn)換為小寫(xiě) |
lower | 把值轉(zhuǎn)換成小寫(xiě)形式 |
upper | 把值轉(zhuǎn)換成大寫(xiě)形式 |
title | 把值中每個(gè)單詞的首字母都轉(zhuǎn)換成大寫(xiě) |
trim | 把值的首尾空格去掉 |
striptags | 渲染之前把值中所有的HTML標(biāo)簽都刪掉 |
join | 拼接多個(gè)值為字符串 |
replace | 替換字符串的值 |
round | 默認(rèn)對(duì)數(shù)字進(jìn)行四舍五入,也可以用參數(shù)進(jìn)行控制 |
int | 把值轉(zhuǎn)換成整型 |
關(guān)于safe過(guò)濾器,默認(rèn)情況下Jinja2出于安全考慮會(huì)轉(zhuǎn)義所有變量。當(dāng)一個(gè)變量為<b>Hello</b>沒(méi)有添加safe過(guò)濾器時(shí),顯示的結(jié)果為
瀏覽器能顯示<b>元素,但不會(huì)解釋它。
當(dāng)添加safe過(guò)濾器時(shí),結(jié)果為
當(dāng)需要顯示變量中存儲(chǔ)的HTML代碼時(shí),可使用safe過(guò)濾器。
Jinjia2控制結(jié)構(gòu)
Jinja2提供了多種控制結(jié)構(gòu),可用來(lái)改變模板的渲染流程。
條件判斷語(yǔ)句與Python類(lèi)似,但其不需要使用冒號(hào)結(jié)尾,而結(jié)束控制語(yǔ)句,需要使用endif關(guān)鍵字:
{% if daxin.safe %} daxin is safe. {% elif daxin.dead %} daxin is dead {% else %} daxin is okay {% endif %}
for循環(huán)實(shí)現(xiàn)一組元素的渲染:
<ul> {% for user in users %} <li>{{ user.username|title }}</li> {% endfor %} </ul>
在jinja2中不存在while循環(huán)。
Jinja2 宏
宏類(lèi)似Python代碼中的函數(shù)。如:
{% macro render_comment(comment) %} <li>{{ comment }}</li> {% endmacro %} <ul> {% for comment in comments %} {{ render_comment(comment)}} {% endfor %} </ul>
還可以將宏保存在單獨(dú)的文件中,然后在需要的時(shí)候?qū)耄?/p>
{% import 'macro.html' as macros%} <ul> {% for comment in comments %} {{ macros.render_comment(comment)}} {% endfor %} </ul>
Jinja 模板繼承
jinja2中最強(qiáng)大的部分就是模板繼承,這類(lèi)似于python代碼的類(lèi)繼承。首先創(chuàng)建名為base.html的基模板:
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href={{ static('css/mystyle.css') }}> <title>{% block title %}My amazing site{% endblock %}</title> </head> <body> <div id="sidebar"> {% block sidebar %} <ul> <li><a href="/" rel="external nofollow" >Home</a></li> <li><a href="/blog/" rel="external nofollow" >Blog</a></li> </ul> {% endblock %} </div> <div id="content"> {% block content %}{% endblock %} </div> </body> </html>
基模板中定義的區(qū)塊可在衍生模板中覆蓋。Jinja2使用block和endblock指令在基模板中定義內(nèi)容區(qū)塊。在上述基模板中定義了head、title、content和footer區(qū)塊。
新建一個(gè)topics.html的文件,繼承基模板,用來(lái)顯示全部的topics。
{% extends "base.html" %} {% block title %}Topics{% endblock %} {% block head %} {{ super() }} {% endblock %} {% block content %} {% for topic in topics %} <h2>{{ topic.id }}</h2> <p>{{ topic.text }}</p> {% endfor %} {% endblock %}
extends指令聲名這個(gè)模板衍生自base.html。在extends指令后,基模板的4個(gè)區(qū)塊被重新定義,模板引擎將其插入合適的位置。如果基模板和衍生模板的同名區(qū)塊有內(nèi)容,衍生模板的內(nèi)容會(huì)被顯示。在衍生模板區(qū)塊中調(diào)用super(),引用基模板的同名內(nèi)容。topics.html里的head區(qū)塊引用了基模板的css文件。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
如何用python實(shí)現(xiàn)結(jié)構(gòu)體數(shù)組
這篇文章主要介紹了如何用python實(shí)現(xiàn)結(jié)構(gòu)體數(shù)組,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-05-05Pygame實(shí)戰(zhàn)之實(shí)現(xiàn)經(jīng)典外星人游戲
這篇文章主要介紹了通過(guò)Pygame實(shí)現(xiàn)經(jīng)典的外星人游戲的示例代碼,文中的代碼講解詳細(xì),對(duì)我們了解Pygame有一定的幫助,感興趣的同學(xué)可以試一試2022-01-01python實(shí)現(xiàn)中文分詞FMM算法實(shí)例
這篇文章主要介紹了python實(shí)現(xiàn)中文分詞FMM算法,實(shí)例分析了Python基于FMM算法進(jìn)行中文分詞的實(shí)現(xiàn)方法,涉及Python針對(duì)文件、字符串及正則匹配操作的相關(guān)技巧,需要的朋友可以參考下2015-07-07python3.4用函數(shù)操作mysql5.7數(shù)據(jù)庫(kù)
這篇文章主要為大家詳細(xì)介紹了python3.4用函數(shù)操作mysql5.7數(shù)據(jù)庫(kù),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06