博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Django框架之templates(模板)系统
阅读量:7193 次
发布时间:2019-06-29

本文共 5757 字,大约阅读时间需要 19 分钟。

 一、什么是模板?

只要是在html里面有模板语法就不是html文件了,这样的文件就叫做模板。

二、常用语法

只需要记两种特殊符号:

{

{  }}和 {% %}

变量相关的用{

{}},逻辑相关的用{%%}。

 

变量

 在Django的模板语言中按此语法使用:{

{ 变量名 }}。

当模版引擎遇到一个变量,它将计算这个变量,然后用结果替换掉它本身。(可以理解为模板页面中先进行  “{

{  }}和 {% %}”  中对应的数据的替换)

点(.)在模板语言中有特殊的含义,用来获取对象的相应属性值。

内置Filters(过滤器)

过滤器的语法: {

{ value|filter_name:参数 }}

注意事项:

  1. 过滤器支持“链式”操作。即一个过滤器的输出作为另一个过滤器的输入。
  2. 过滤器可以接受参数,例如:{
    { sss|truncatewords:30 }},这将显示sss的前30个词。
  3. 过滤器参数包含空格的话,必须用引号包裹起来。比如使用逗号和空格去连接一个列表中的元素,如:{
    { list|join:', ' }}
  4. '|'左右没有空格没有空格没有空格

default

如果一个变量是false或者为空,使用给定的默认值。 否则,使用变量的值。

{
{ value|default:"nothing"}}

如果value没有传值或者值为空的话就显示nothing

length

返回值的长度,作用于字符串和列表。

{
{ value|length }}

返回value的长度,如 value=['a', 'b', 'c', 'd']的话,就显示4.

filesizeformat

将值格式化为一个 “人类可读的” 文件尺寸 (例如 '13 KB''4.1 MB''102 bytes', 等等)。例如:

{
{ value|filesizeformat }}

如果 value 是 123456789,输出将会是 117.7 MB。

slice

切片

{
{value|slice:"2:-1"}}

左包含右不包含

date

格式化

{
{ value|date:"Y-m-d H:i:s"}}

safe

Django的模板中会对HTML标签和JS等语法标签进行自动转义,原因显而易见,这样是为了安全。但是有的时候我们可能不希望这些HTML元素被转义,比如我们做一个内容管理系统,后台添加的文章中是经过修饰的,这些修饰可能是通过一个类似于FCKeditor编辑加注了HTML修饰符的文本,如果自动转义的话显示的就是保护HTML标签的源文件。为了在Django中关闭HTML的自动转义有两种方式,如果是一个单独的变量我们可以通过过滤器“|safe”的方式告诉Django这段代码是安全的不必转义。

比如:

value = "<a href='#'>点我</a>"

{
{ value|safe}} #加了“|safe”之后使得 a 标签就不会跳转

truncatechars

如果字符串字符多于指定的字符数量,那么会被截断。截断的字符串将以可翻译的省略号序列(“...”)结尾,

如图

参数:截断的字符数

{
{ value|truncatechars:3}}

truncatewords

在一定数量的字后截断字符串。

{
{ value|truncatewords:9}}

 cut

移除value中所有的与给出的变量相同的字符串

{
{ value|cut:' ' }}

如果value为'i love you',那么将输出'iloveyou'.

 join

使用字符串连接列表,例如Python的str.join(list)

 timesince

{
{ datetime|timesince }} #给定日期到现在过去了多少时间{
{ datetime|timesince:"other_datetime" }} #两日期间过去了多少时间  

 timeuntil

{
{ datetime|timeuntil }} #给定日期到现在过去了多少时间,与上面的区别在于2日期的前后位置。{
{ datetime|timeuntil:"other_datetime" }} #两日期间过去了多少时间

自定义filter

自定义过滤器只是带有一个或两个参数的Python函数:

  • 变量(输入)的值 - -不一定是一个字符串
  • 参数的值 - 这可以有一个默认值,或完全省略

例如,在过滤器{

{var | foo:'bar'}}中,过滤器foo将传递变量var和参数“bar”

 

自定义filter代码文件摆放位置:

app01/    __init__.py    models.py    templatetags/  # 在app01下面新建一个package package(固定写法,自定义filter一定要创建这个目录)        __init__.py        app01_filters.py  # 建一个存放自定义filter的文件    views.py

编写自定义filter

from django import template #注册我们自定义的标签,只有注册过的标签,系统才能认识你,这是固定写法register = template.Library()#这个装饰器表明这个函数是一个模板标签,@register.filter(name="cut")def cut(value, arg):    return value.replace(arg, "")#Python replace() 方法把字符串中的 old(旧字符串) 替换成 new(新字符串),如果指定第三个参数max,则替换不超过 max 次。 #str.replace(old, new[, max])
@register.filter(name="addSB")def add_sb(value):    return "{} SB".format(value)

使用自定义filter

{# 先导入我们自定义filter那个文件 #}{% load app01_filters %}{# 使用我们自定义的filter #}{
{ somevariable|cut:"0" }}{
{ d.name|addSB }}

 

Tags

for循环

普通for循环

    {% for user in user_list %}
  • {
    { user.name }}
  • {% endfor %}

 

for循环可用的一些参数:

 

Variable Description
forloop.counter 当前循环的索引值(从1开始)
forloop.counter0 当前循环的索引值(从0开始)
forloop.revcounter 当前循环的倒序索引值(从1开始)
forloop.revcounter0 当前循环的倒序索引值(从0开始)
forloop.first 当前循环是不是第一次循环(布尔值)
forloop.last 当前循环是不是最后一次循环(布尔值)
forloop.parentloop 本层循环的外层循环

 

for ... empty

    {% for user in user_list %}
  • {
    { user.name }}
  • {% empty %}
  • 空空如也
  • {% endfor %}
#Django不支持退出循环操作。 如果我们想退出循环,可以改变正在迭代的变量,让其仅仅包含需要迭代的项目。 #同理,Django也不支持continue语句,我们无法让当前迭代操作跳回到循环头部。

  

if判断

if,elif和else

{% if user_list %}  用户人数:{
{ user_list|length }}{% elif black_list %} 黑名单数:{
{ black_list|length }}{% else %} 没有用户{% endif %}

当然也可以只有if和else

{% if user_list|length > 5 %}  七座豪华SUV{% else %}    黄包车{% endif %}

if语句支持 and 、or、==、>、<、!=、<=、>=、in、not in、is、is not判断。

 

with

定义一个中间变量,多用于给一个复杂的变量起别名。

注意等号左右不要加空格。

{% with total=business.employees.count %}    {
{ total }} employee{
{ total|pluralize }}{% endwith %}

{% with business.employees.count as total %}    {
{ total }} employee{
{ total|pluralize }}{% endwith %}

 

csrf_token

这个标签用于跨站请求伪造保护。

在页面的form表单里面写上{% csrf_token %}

注释

{# ... #}

注意事项

1. Django的模板语言不支持连续判断,即不支持以下写法:

{% if a > b > c %}...{% endif %}

 

2. Django的模板语言中属性的优先级大于方法

def xx(request):    d = {"a": 1, "b": 2, "c": 3, "items": "100"}    return render(request, "xx.html", {"data": d})

如上,我们在使用render方法渲染一个页面的时候,传的字典d有一个key是items并且还有默认的 d.items() 方法,此时在模板语言中:

{
{ data.items }}

默认会取d的items key的值。

母板

  
Title {% block page-css %} {% endblock %}

这是母板的标题

{% block page-main %}{% endblock %}

母板底部内容

{% block page-js %}{% endblock %}

注意:我们通常会在母板中定义页面专用的CSS块和JS块,方便子页面替换。

继承母板

在子页面中在页面最上方使用下面的语法来继承母板。

{% extends 'layouts.html' %}

块(block)

通过在母板中使用{% block  xxx %}来定义"块"。

在子页面中通过定义母板中的block名来对应替换母板中相应的内容。

{% block page-main %}  

世情薄

人情恶

雨送黄昏花易落

{% endblock %}

组件

可以将常用的页面内容如导航条,页尾信息等组件保存在单独的文件中,然后在需要使用的地方按如下语法导入即可。

{% include 'navbar.html' %}

静态文件相关

{% static %}

{% load static %}Hi!

引用JS文件时使用:

{% load static %}

某个文件多处被用到可以存为一个变量

{% load static %}{% static "images/hi.jpg" as myphoto %}

{% get_static_prefix %}

{% load static %}Hi!

或者

{% load static %}{% get_static_prefix as STATIC_PREFIX %}Hi!Hello!

simple_tag

和自定义filter类似,只不过接收更灵活的参数。

定义注册simple tag

@register.simple_tag(name="plus")def plus(a, b, c):    return "{} + {} + {}".format(a, b, c)

使用自定义simple tag

{% load app01_demo %}{# simple tag #}{% plus "1" "2" "abc" %}

inclusion_tag

多用于返回html代码片段

示例:

templatetags/my_inclusion.py

from django import templateregister = template.Library()@register.inclusion_tag('result.html')def show_results(n):    n = 1 if n < 1 else int(n)    data = ["第{}项".format(i) for i in range(1, n+1)]    return {"data": data}

templates/snippets/result.html

    {% for choice in data %}
  • {
    { choice }}
  • {% endfor %}

templates/index.html

  
inclusion_tag test{% load inclusion_tag_test %}{% show_results 10 %}

 

转载于:https://www.cnblogs.com/LeiJ/p/10618747.html

你可能感兴趣的文章
mbp安装mysql
查看>>
Max Tree
查看>>
Backpack
查看>>
Go语言(Golang)插入排序
查看>>
CSDN博客栏目设置个性化
查看>>
java_servlet字符过滤器filter
查看>>
架构设计之设计模式 (四) Java中多种方式实现单例模式
查看>>
WebPart自定义属性及SharePoint列表操作
查看>>
getline函数彻底说明
查看>>
JavaMail发送含有插入图片和表格的邮件
查看>>
vue数据双向绑定原理-observer
查看>>
通过jquery 获取文本框的聚焦和失焦方法
查看>>
7 JavaScript Basics Many Developers Aren't Using (Properly)【转】
查看>>
git 使用总结
查看>>
JSP中的EL
查看>>
WCF、WebAPI、WCFREST、WebService之间的区别
查看>>
oracle中新建用户和赋予权限
查看>>
PHP语言 -- 会话
查看>>
HDU1151Air Raid(二分图的最大匹配)
查看>>
Spring|注解
查看>>