Django 模板

Django 模板

官方文档

Django模板中只需要记两种特殊符号:
{{ }}和 {% %}
{{ }}表示变量,在模板渲染的时候替换成值,{% %}表示逻辑相关的操作。

变量

{{ 变量名 }}
变量名由字母数字和下划线组成。
点(.)在模板语言中有特殊的含义,用来获取对象的相应属性值。

模板中支持的语法

{# 取l中的第一个参数 #}
{{ l.0 }}
{# 取字典中key的值 #}
{{ d.name }}
{# 取对象的name属性 #}
{{ person_list.0.name }}
{# .操作只能调用不带参数的方法 #}
{{ person_list.0.dream }}

注:当模板系统遇到一个(.)时,会按照如下的顺序去查询:

  1. 在字典中查询
  2. 属性或者方法
  3. 数字索引

Filters

翻译为过滤器,用来修改变量的显示结果。
语法: {{ value|filter_name:参数 }}
'|'左右没有空格没有空格没有空格

  • default,{{ value|default:"nothing"}}
    如果value值没传的话就显示nothing
    注:TEMPLATES的OPTIONS可以增加一个选项:string_if_invalid:'找不到',可以替代default的的作用。
  • filesizeformat,将值格式化为一个 “人类可读的” 文件尺寸 (例如 '13 KB', '4.1 MB', '102 bytes', 等等)。例如:{{ value|filesizeformat }}
  • add,给变量加个数,或者字符串拼接,`{{'11'|add":'qwe'}}
  • lower,小写,{{ 'q'|upper }}
  • upper,大写,{{ 'A'|lower }}
  • title,首字母大写,
  • ljust,把字符串在指定宽度中对左,其它用空格填充,{{ 'lower'|ljust:'100' }}
  • rjust,把字符串在指定宽度中对右,其它用空格填充
  • center,把字符串在指定宽度中居中,其它用空格填充
  • length,返回value的长度,{{ value|length }}
  • slice,切片,{{ 'qweasd'|slice:'2:' }} # easd
  • first,取第一个元素
  • last,取最后一个元素
  • join,使用字符串拼接列表。同python的str.join(list)。{{ value|join:" // " }}
  • truncatechars,如果字符串字符多于指定的字符数量,那么会被截断。截断的字符串将以可翻译的省略号序列(“...”)结尾。{{ 'aaaaaaaaaaa'|truncatechars:5 }}
  • date,日期格式化,{{ value|date:"Y-m-d H:i:s"}},可格式化输出的字符:点击查看
  • safe,关闭转义,{{ '<a href="">点我</a>'|safe }}

自定义filter

自定义过滤器只是带有一个或两个参数的Python函数:
变量(输入)的值 - -不一定是一个字符串
参数的值 - 这可以有一个默认值,或完全省略
例如,在过滤器{{var | foo:“bar”}}中,过滤器foo将传递变量var和参数“bar”。

步骤:

  1. 定义

    1. 在APP下创建一个叫templatetags的python包; 不能变的,必须是包,名字必须是templatetags

    2. 在包中创建一个py文件 my_filters;

    3. 在py文件中写代码

       from django import template
       
       register = template.Library()  # register的名字不能改
    
    1. 写函数
    def add_str(value, arg):
        return '{}_{}'.format(value, arg)
    
    1. 给定义的函数加装饰器
    @register.filter
    def add_str(value, arg):
        return '{}_{}'.format(value, arg)
    
  2. 使用

    在模板中使用:

    1. 导入定义的文件
       {% load my_filter %}
    
    1. 使用过滤器
    {{ 'gg'|add_str:'666' }}
    

标签

  • csrf_token,防止跨站请求伪造,在from表单中加入一个token

添加在form表单中,就可以提交POST请求,不需要禁用csrf中间件了

  • for

    • Variable Description
    • forloop.counter 当前循环的索引值(从1开始)
    • forloop.counter0 当前循环的索引值(从0开始)
    • forloop.revcounter 当前循环的倒序索引值(从1开始)
    • forloop.revcounter0 当前循环的倒序索引值(从0开始)
    • forloop.first 当前循环是不是第一次循环(布尔值)
    • forloop.last 当前循环是不是最后一次循环(布尔值)
    • forloop.parentloop 本层循环的外层循环
  • for ... empty
    当列表为空时会调转到empty

{% for foo in info %}
    {{ foo }}
{% empty %}
    <span>空空如也</span>
{% endfor %}
  • if,elif和else
    支持if elif else

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

  • with
    定义一个中间变量
{% with total=business.employees.count %}
    {{ total }} employee{{ total|pluralize }}
{% endwith %}

母版

  • 母版

就是一个普通的HTML文本,将多个页面公共部分的内容提取出来,在页面中定义多个block块

{% block content %}
{% endblock %}
  • 继承

在子页面中,继承母版 {% extends 'base.html' %}

可以重新书写block块中内容

  • 注意事项

    1. {% extends 'base.html' %} 写在第一行,上面不写内容
      
    2. 要修改的 内容写在block块中,写在外面不显示

    3. {% extends 'base.html' %} base.html 记得带上引号,不然当做变量去查找

    4. 定义多个block块,一般要定义上 css和js

组件

把多个页面公用的HTML代码放在一个HTML文件中 —— 》组件 nav.html

使用: {% include 'nav.html' %}

静态文件相关

引用文件路径时,使用 static 动态获取,修改静态文件路径时,只需去settings设置即可

{% load static %}

{% static '静态文件相对路径' %} ——》 获取到别名,跟后面的参数进行拼接

{% get_static_prefix %} ——》 获取到别名

{% load static %}
{% static "images/hi.jpg" as myphoto %}
<img src="{{ myphoto }}"></img>

自定义simpletag

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

  • 定义注册simple tag
@register.simple_tag(name="plus")
def plus(a, b, c):
    return "{} + {} + {}".format(a, b, c)
  • 使用自定义simple tag
{% load my_simpletag %}
{% plus '1' '2' '3' %}

inclusion_tag

多用于返回html代码片段

示例:
templatetags/my_inclusion.py

from django import template

register = 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/result.html

<ul>
  {% for choice in data %}
    <li>{{ choice }}</li>
  {% endfor %}
</ul>

templates/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="x-ua-compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>inclusion_tag test</title>
</head>
<body>

{% load my_inclusion %}

{% show_results 10 %}
</body>
</html>
posted @ 2019-08-03 15:58  写bug的日子  阅读(132)  评论(0编辑  收藏  举报