CSIC_716_2020107【Django入门---模板层】
模板语法的符号就两种
{ { } } 和变量相关 , 比如取某处传来的值。
{ % % } 和逻辑相关,比如for循环,以及条件判断。
模板语法的传值
Python所支持数据类型,都可以从视图函数中传到前端,但注意一定要用字典的形式传递。
传值有两种方式:
第一种指名道姓,即手动构造一个字典传到前端。
第二种将名称空间中的所有值(包括值和函数)构造成一个大字典传到前端,使用locals()
在HTML页面上,可以通过后端所构造字典中的key作为变量名取值,此外变量key还可以通过句点符取索引对应的值或者取字典中键对应的value,或者取对象中的属性。
此外,因为locals()构造的字典中也有函数和类,如果传的是函数名,会自动加括号调用,并展示函数的返回值,注意不支持有参函数;如果传的是类名 也会自动加括号实例化。
过滤器
过滤器是:在前端实现一些简单逻辑处理的函数。
过滤器的语法结构
只有一个参数时: {{ 参数A | 关键字}}
有两个参数时: {{ 参数a | 关键字:参数b}}
内置的过滤器包括:
{{xxx|length}} xxx的长度 {{xxx|add:yyy}} xxx+yyy的值 {{xxx|filesizeformat}} xxx是文件的字节数,可通过这个转变成文件大小 {{xxx|truncatechars:5}} 比如xxx是hello,则通过该过滤器,变成 he... 句号也要算在长度5里面 {{xxx|truncatewords:3}} 比如xxx是 he he he he he,筛选器以空格分隔计数,会找出三个he返回 {{xxx|date:'Y年/m月/d日'}} 比如xxx是datetime.now(),则会按:后面的格式输出。此处不支持时间戳 {{xxx|slice:'1:10:2'}} 切片处理,可以选择步长 {{xxx|default:'选我'}} 如果xxx对应的值是假,则展示‘选我’ {{xxx|safe}} 如果xxx是个标签,过滤器设置safe后,就会认可后端传来的标签,直接渲染
我们注意到: {{xxx|safe}} 如果xxx是个标签,过滤器设置safe后,就会认可后端传来的标签,直接渲染
说明,后端可以直接写前端代码。后端也可以直接处理,让前端不用做任何处理:
标签
标签为了在前端完成一些特殊功能
语法: {% 标签名 %},
主要熟悉三个标签 for if with
for标签中自带有有forloop,forloop中有记录当前循环是否是第一次forloop.first ,值是布尔型、循环是否是最后一次forloop.last。
for循环中可以嵌套if条件判断
for循环中还可以设置{% empty %}来应对 用于for循环的可迭代对象为空时,展示的内容
当取值表达式很长的时候,可以通过with标签取别名,以便于使用,但是应注意别名的生效空间仅限于with标签内。
自定义过滤器、标签、 inclusion_tag
准备工作三部曲:在app应用中新建一个文件夹,必须叫 templatetags
在templatetags文件夹中新建一个py文件,文件名称任意,比如叫mine.py
在上述py文件中导入 from django.template import Library 然后生成Library的的对象register register = Library( )
自定义过滤器的的基本语法:
******************mine.py文件中************** @register.filter(name = 'myfilter') def index(a,b): # 最多两个参数,不允许超过2个参数!!! return a+b ********************前端页面中***************** {% load mine %} # 先加载文件 {{ xxx| myfilter: yyy}} #过滤器的名字就是上面name的值
自定义标签的基本语法:
******************mine.py文件中**************** @register.simple_tag(name = 'mytag') def index(x,y,z): # 参数不受限制 return x+y+z *********************前端页面中***************** {% load mine %} # 先加载文件 {% mytag 1 2 3 %} # 先放自定义标签的name 空格隔开,依次传参,参数也用空格隔开
自定义标签不能在if 和for循环中使用, 但是自定义过滤器就可以在if 和for 循环中使用
自定义inclusion_tag 基本语法:
inclusion_tag 的作用就是在使用inclusion_tag的地方引入inclusion_tag定义时绑定的html页面
***********************mine.py********************** @register.inclusion_tag('xxx,html', name='myinclusion') def index(n): #代码段 list1 = [] for i in n: list1.append(i) return locals() # 注意这里return的值是给xxx.html界面的,一定要保证是个字典 ****************与inclusion_tag绑定的xxx.html***********这里不要标准的HTML页面 在这里面,只要针对传来的参数进行处理,不需要完整的html页面 对 绑定的inclusion_tag传来的参数进行处理,和正常页面一样处理 {{ 变量 }} {% 标签 %} 都可以使用 *************************前端页面*************************** {% load mine %} # 加载文件 {% myinclusion 5 %} # 调用和自定义标签类似 空格隔开各个参数
模板的继承
在被当成模板的HTML文件的代码中,使用block标签打标记并命名
*****************father.html***************
< % block content1 % > # 用content1作为此处标记的名字 此处是被打上标记的前端代码(模板页面) < % endblock % >
在继承的HTML页面中,导入父模板,并对打标签的部分进行修改
**********************sun.html********************** 注意这个页面中不需要标准的HTML文件的格式 {% extends 'father.html'%} {% block content1%} # 找到content1标记的位置 此处可以做一些适应性的调整,和父类模板有所区别
{% block.super %} # 通过这个语句,可以调用父类中的原来的样式,可以重复调用 {% endblock %}
{% block.super %} # 通过这个语句,可以调用父类中的原来的样式,可以重复调用
模板的block块越多 可扩展性越高
通常情况下 模板页面页面应该起码有三块区域 {% block css %} 模板页面css内容 {% endblock %} {% block content %} 模板页面常规内容 {% endblock %}
{% block js %} 模板页面js内容 {% endblock %}
模板的导入
将一部分常用的重用概率较高的 html代码(局部样式)存入HTML文件中(beauty.html),备用。此处HTML文件并不是一个标准的文件,里面仅有一些组件。
{% include 'beauty.html' %}
在标准HTML页面中个的某个部位,可以通过上述语句导入使用频率较高的html代码
顶