浏览目录
- 标签
- 过滤器
一、标签 Tags
1、普通变量
- 普通变量用{{ }}
- 变量名由数字、字母、下划线组成
- 点.在模板语言中用来获取对象相应的属性值
示例:
{# 取variable中的第一个参数 #}
{{ variable.0 }}
{# 取字典dic中key的值 #}
{{ dic.key }}
{# 取obj_list对象列表中第一个对象的attr属性值 #}
{{ obj_list.0.attr }}
{# 点操作只能调用不带参数的方法 #}
{{ obj_list.0.method }}
2、逻辑判断
逻辑判断用{% %}
for
- 语法:{% for item in item_list %}...{% empty %}...{% endfor %}
- 作用:循环item_list,如果item值为空或不存在,则会执行empty中的代码,切记要写endfor结束循环
- 常用for循环参数:
Variable
Description
forloop.counter
当前循环的索引值(从1开始)
forloop.counter0
当前循环的索引值(从0开始
forloop.revcounter
当前循环的倒序索引值(从1开始)
forloop.revcounter0
当前循环的倒序索引值(从0开始)
forloop.first
当前循环是不是第一次循环(布尔值)
forloop.last
当前循环是不是最后一次循环(布尔值)
forloop.parentloop
本层循环的外层循环
if
语法:
{% if some_condition %}...{% elif other_condition %}...{% endif %}
作用:条件判断,切记要写endif结束条件判断
常用与if语句结合的判断关键字
{% if some_condition %}...{% elif other_condition %}...{% endif %}
with
语法
{% with new_variable = old_variable %}.....{% endwith %}
作用:定义中间变量
csrf_token
语法:在页面的每个form表单中写上
{% csrf_token %}
作用:用于跨站请求伪造保护
注释
语法:
{# 注释内容 #}
3、母板系统
继承
<!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>Title</title>
{% block page-css %}
{% endblock %}
</head>
<body>
<h1>这是母板的标题</h1>
{% block page-main %}
{% endblock %}
<h1>母板底部内容</h1>
{% block page-js %}
{% endblock %}
</body>
</html>
语法
{% extends 'base.html' %}
作用:在子页面中在页面最上方使用上面的语法来继承母板
块block
语法
{% block block_name %}...{% endblock %}
作用:在子页面中通过定义母板中的block名来对应替换母板中相应的内容
示例:
{% block page-main %}
<p>世情薄</p>
<p>人情恶</p>
<p>雨送黄昏花易落</p>
{% endblock %}
组件
语法
{% include 'subassembly.html' %}
作用:可以将常用的固定的HTML内容保存在单独的文件中,在需要的地方用以上语法导入使用
4、静态文件相关
在Settings中设置static静态文件夹,在html中导入。
语法:
{% load static %}
例如:
{% load static %}
<img src="{% static "images/hi.jpg" %}" alt="Hi!" />
引用JS文件时使用:
{% load static %}
<script src="{% static "mytest.js" %}"></script>
某个文件多处被用到可以存为一个变量
{% load static %}
{% static "images/hi.jpg" as myphoto %}
<img src="{{ myphoto }}"></img>
使用get_static_prefix
{% load static %}
<img src="{% get_static_prefix %}images/hi.jpg" alt="Hi!" />
或者
{% load static %}
{% get_static_prefix as STATIC_PREFIX %}
<img src="{{ STATIC_PREFIX }}images/hi.jpg" alt="Hi!" />
<img src="{{ STATIC_PREFIX }}images/hi2.jpg" alt="Hello!" />
5、自定义simple_tag
作用:可以自定义标签,注册后可使用
自定义simple_tag的步骤(与自定义Filter类似,不过接收更灵活的参数)
- 在项目的app中创建名为templatetags的文件夹
- 在templatetags的文件夹中创建自定义的py文件,例如:custom_simpletag.py
- custom_simpletag.py中编写自定义simple_tag,例如:
from django import template register = template.Library()
@register.simple_tag(name="my_simpletag") def add_simpletag(a,b,c): # 可接收多个参数 return "{} + {} + {}".format(a, b, c)
- 使用自定义simple_tag前,首先在HTML页面中导入py文件
{% load custom_simpletag %} {% my_simpletag "1" "2" "3" %}
6、自定义inclusion_tag
作用:返回html代码片段
自定义inclusion_tag的步骤
- 在项目的app中创建名为templatetags的文件夹
- 在templatetags的文件夹中创建自定义的py文件,例如:custom_inclusiontag.py
- custom_inclusiontag.py中编写自定义inclusiontag,例如:
from django import template register = template.Library()
@register.inclusion_tag('inclusion_tag.html') def my_inclusiontag(n): n = 1 if n < 1 else int(n) data = ["第{}项".format(i) for i in range(1, n+1)] return {"data": data}
- 在templates文件夹中创建刚才注册的inclusion_tag.html文件
-
{% for choice in data %}
- {{ choice }} {% endfor %}
- 使用自定义my_inclusiontag前,首先在HTML页面中导入py文件
{% load custom_inclusiontag %} {% my_inclusiontag 10 %}
二、过滤器 Filter
1、内置过滤器
语法:
{{ value|filter_name:args }}
注意:管道符前后没有空格
default
语法:
{{ value: default: "自定义内容"}}
作用:如果value值没传的话就显示自定义内容
length
语法:
{{ value|length }}
作用:返回value的长度,如 value=['a', 'b', 'c', 'd']的话,就显示4.
filesizeformat
语法:
{{ value|filesizeformat }}
作用:将value格式化为一个 “人类可读的” 文件大小格式
如果 value 是 123456789,输出将会是 117.7 MB。
slice
语法:
{{value|slice:"start:end"}}
作用:切片
date
语法:
{{ value|date:"Y-m-d H: i:s"}}
作用:将时间格式的value进行自定义格式化
safe
语法:
{{value|safe}}
作用:取消Django对HTML标签和JS等语法标签进行自动转义,认为插入的HTML或JS是安全的不必转义
truncatechars
语法:
{{ value|truncatechars:num}}
作用:如果字符串字符多于指定的字符数量,那么会被截断。截断的字符串将以可翻译的省略号序列(“…”)结尾。num参数是指截断的字符数
2、自定义过滤器
步骤
在项目的app中创建名为templatetags的文件夹
在templatetags的文件夹中创建自定义的py文件,例如:custom_filter.py
在custom_filter.py中编写自定义过滤器,例如:
from django import template register = template.Library()
@register.filter(name="my_filter") def my_filter(value, arg): #最多接收两个参数 return value.replace(arg, "")
使用自定义filter前,首先在HTML页面中导入py文件
{% load custom_filter %} {{ variable|my_filter:"0" }}