目录
- 变量
- 过滤器
- 标签
- 自定义过滤器与标签
- 模板的导入
- 母版的继承
- 静态文件的导入
关于视图函数的返回数据
之前是return render(request,'index.html',{'name':name}), 需要将变量一个一个的传入字典
locals() 会把该视图函数内的变量,传到模板
return render(request, 'index.html', locals())
1. 变量
{{ 变量名 }}
<p>字符串:{{ name }}</p>
<p>数字:{{ age }}</p>
<p>列表:{{ lis }}</p>
<p>元祖:{{ tu }}</p>
<p>字典:{{ dic }}</p>
{{ 函数名 }} 相当于print(函数名()) 打印函数的返回值 , 不能调用有参数的函数
对象:
<p>对象:{{ user }}</p> 打印了对象的内存地址
<p>对象:{{ user.name }}</p> 打印了对象的属性
深度查询
采用点的形式
<p>列表第0个值:{{ lis.0 }}</p>
<p>列表第3个值:{{ lis.3 }}</p>
<p>字典取值:{{ dic.name }}</p>
<p>对象方法:{{ user.get_name }}</p>
2. 过滤器
语法:{{ 参数|过滤器名字 }}或 {{ 参数|过滤器名字:'第二个参数'}}
length: 统计字符串长度
<p>统计字符串长度:{{ 'hello world'|length }}</p>
default
<p>过滤器之默认值:{{ lis|default:'没有值' }}</p>
filesizeformat : 将一串数字转化为对应的数据大小 , eg: 1024 ==> 1 KB 1049000 ==> 1 MB
<p>过滤器之filesizeformat--1:{{ 1024|filesizeformat }}</p>
date :格式化时间
<p>过滤器之不使用date:{{ ctim }}</p>
<p>过滤器之date:{{ ctim|date:'Y-m-d' }}</p>
slice 切分 , 与python用法相同, 支持步长
<p>过滤器之slice:{{ lis|slice:'2:-1' }}</p>
{#支持步长#}
<p>过滤器之slice-字符串:{{ name|slice:'0:3:3' }}</p>
truncatechars 截取字符 , 剩余的部分以...显示 , 注意: ...也算入截取的长度 , 所以 ,三个起步
<p>过滤器之truncatechars:{{ 'dafddfap'|truncatechars:5 }}</p>
结果 : da...
truncatewords 截取单词 , 注意这个...不算入长度
<p>过滤器之truncatewords:{{ '我 dfa ga dfs 你 dgf daf'|truncatewords:5 }}</p>
结果 : 我 dfa ga dfs 你...
safe 变量默认不解析 , 加上safe会被浏览器解析
{{ '<script>alert(666)</script>'|safe }}
add 传两个参数 , 两个数字 , 计算和 , 两个字符串 ,拼接
<p>过滤器之用add:{{ 12|add:'1' }}</p>
<p>过滤器之用add:{{ 'egon'|add:'dsb' }}</p>
3. 标签
for
语法
{% for i in lis %}
{% endfor %}
{% for foo in lis %}
{{ forloop }} ==> for循环特有标签 , 只有在for标签内才能使用
```
内容有
第一次循环的{'parentloop': {}, 'counter0': 0, 'counter': 1, 'revcounter': 5, 'revcounter0': 4, 'first': True, 'last': False}
最后一次循环{'parentloop': {}, 'counter0': 4, 'counter': 5, 'revcounter': 1, 'revcounter0': 0, 'first': False, 'last': True}
```
{{% empty %}}当被循环的对象为空时走这一步
<p>被循环的对象为空啊</p>
{% endfor %}
只循环字典的话,取到的是key值
{% for foo in dic %}
取到value的值
{% for foo in dic.values %}
取到key 和 value的值
{% for k,foo in dic.items %}
if
语法
{% if 2 == 1 %}
{% elif 2 == 3 %}
{% else %}
{% endif %}
{% if user %}
<a href="">退出</a>
{% else %}
<a href="">登录</a>
<a href="">注册</a>
{% endif %}
with 相当于取别名,作用:变量太长,可以简化
语法
{% with 原名 as 新名字 %}
{% endwith %}
{% with name as ttt %}
{{ ttt }}
{{ name }}
{% endwith %}
注意 : 过滤器,可以用在if判断中使用 , 标签不可以
4. 自定义过滤器与标签
自定义过滤器
1 先在setting中注册app
2 在app下创建一个templatetags(名字不能变)的文件夹(模块)
3 在模块下创建一个py文件,名字随意:mytag.py
4 在此py文件里,
4.1 导入template
from django.template import Library
4.2 定义一个叫register的变量=template.Library()
register = Library() 变量名不能变
4.3 写一个函数,用@register.filter(name='yyy')装饰一下(可以指定别名)
def str_add(str1, str2): #一定要有返回值
处理复杂的业务逻辑
return str1 + str2
5 定义完标签以后重启服务器
6 模板里使用
{% load mytag %} 将刚创建的py文件load过来
{{'lqz'|str_add:'nb'}} 使用
自定义标签
与自定义过滤器用法类似
只需将4.3的装饰器改为
@register.simple_tag()
def add_nb(value):
return value+'nb'
使用时 多个参数用空格隔开
<p>{% load mytag %}</p>
<p>{% add_nb 'lqz' %}</p>
5. 模板的导入
- 新建一个html文件 , 里面写模板(组件)
- 在需要用到这个模板(组件)的地方
{% include '模板的名字'%}注 , 模板的名字就是上一步html的文件名
6. 母版的继承
例如导航栏, 侧边栏每个页面都需要用到 , 写一个母版 , 在每个页面继承这个母版就可以了
-
写一个母版,留一个可扩展的区域(盒子),可以留多个盒子(留的越多,可扩展性越高)
{%block 名字%} 可以写内容 {%endblock%} -
在子模板中使用:
{% extends 'base.html' %} 继承母版 {%block 名字%} 在母版区域填充的子模板的内容 在母版区域不是写内容了嘛, 要是需要用到母版写的内容用下面这个东西 {{ block.super }} {%endblock 名字%}
7. 静态文件的导入
写死静态文件:
<link rel="stylesheet" href="/static/css/mycss.css">-
使用 static标签函数:
{%load static%} #static返回值,会拼上传参的路径 {% static "css/mycss.css"%} eg: <link rel="stylesheet" href="{% static "css/mycss.css"%}"> -
使用get_static_prefix 标签
{%load static%} #get_static_prefix返回值是:静态文件的地址,相当于/static/ {% get_static_prefix %}css/mycss.css eg: <link rel="stylesheet" href="{% get_static_prefix %}css/mycss.css">
