django框架——模板层

系列文章目录

第一章 django安装与介绍

第二章 django基础使用

第三章 路由层

第四章 虚拟环境、django版本区别、视图层

第五章 模板层

第六章 模型层

---

---

模板注释语法

html注释：
html自身的注释是可以在浏览器开发者工具中看到的

<!-- 注释内容 --> 

django模板语法注释：
django模板语法的注释是不会显示在浏览器开发者工具中的

{# 注释内容 #}

---

一、模板语法之过滤器

1.语法结构

{{ 数据对象|过滤器名称:参数 }} 过滤器最多只能额外传输一个参数

2.常见过滤器

django模板语法提供了60多种过滤器

 	<p>统计数据的长度:{{ s1|length }}</p>
    <p>算术加法或者字符串加法:{{ n1|add:111 }}、{{ s1|add:'big baby' }}</p>
    <p>将数字转成合适的文件计量单位:{{ file_size|filesizeformat }}、{{ file_size1|filesizeformat }}</p>

	{# 如果b值为false就会显示:后的内容 #}
    <p>判断当前数据对象对应的布尔值是否是False:{{ b|default:'前面的值对应的布尔值是False' }}、{{ s1|default:'前面的值对应的布尔值是False' }}</p>
    
	{# 如果b值为none就会显示:后的内容 #}
    <p>判断当前数据对象对应的布尔值是否是False:{{ b|default_if_none:'前面的值对应的布尔值是None' }}、{{ s1|default_if_none:'前面的值对应的布尔值是None' }}</p>
    
    {# ctime值转化为date后的时间格式 对应 年-月-日 时-分-秒 #}
    <p>时间格式化:{{ ctime|date:'Y-m-d H-i-s' }}</p>
    
    <p>索引切片:{{ s1|slice:'0:8' }}</p>
    
    <p>按照空格截取指定个数的文本:{{ s2|truncatewords:5 }}、{{ s1|truncatewords:1 }}</p>
    
    <p>按照字符个数截取文本(包含三个点):{{ s2|truncatechars:5 }}、{{ s1|truncatechars:10 }}</p>
    
    <p>移除指定的字符:{{ info|cut:'|' }}</p>
    
    {# safe可以将后台参数符合html语法的转化为页面 #}
    <p>是否取消转换:{{ tag1 }}、{{ tag1|safe }}、{{ scripts1|safe }}</p>

    {# 也可以视图函数传值时先处理好，这样也能直接转义成页面 #}
    from django.utils.safestring import mark_safe
    ttt = '<a href="https://www.baidu.com">点我</a>'
    res = mark_safe(ttt)
    <p>{{ res }}</p>

---

二、标签

1.语法结构

{% 名字 ...%}
  {% end名字 %}

2.if判断

	{% if 条件1 %}
    <p>你好啊</p>
  {% elif 条件2 %}
    <p>他好呀</p>
  {% else %}
    <p>大家好</p>
  {% endif %}

3.for循环

  {% for i in l1 %}
    <p>{{ i }}</p>
	{% endfor %}

在{% for %}循环内部,可以访问一个名为forloop的模板变量。这个变量有若干属性,通过它们可以获知循环进程的一些信息。
{‘parentloop’: {}, ‘counter0’: 0, ‘counter’: 1, ‘revcounter’: 4, ‘revcounter0’: 3, ‘first’: True, ‘last’: False}

  for+if其他使用
  {% for i in l1 %}
    {% if forloop.first %} {# forloop.first值 #}
        <p>这是第一次循环</p>
    {% elif forloop.last %}
        <p>这是最后一次循环</p>
    {% else %}
        <p>中间循环</p>
    {% endif %}
    {% empty %}
        <p>for循环对象为空 自动执行</p>
  {% endfor %}

---

三、自定义过滤器、自定义标签、inclusion_tag

1.在应用下需要创建一个名为templatetags的文件夹
2.在该文件夹内创建一个任意名称的py文件
3.在该py文件内需要先提前编写两行固定的代码

from django import template
	register = template.Library()

1.自定义过滤器

templatetags 下的自建py文件

@register.filter(is_safe=True)
def index(a, b):
    return a + b

自定义过滤器:只能接收两个参数
{% load 自建的py文件名字 %}
{{ n1|index:666 }}

2.自定义简单标签:可以接收任意的参数

templatetags 下的自建py文件

@register.simple_tag(name='my_tag')
def func1(a, b, c, d):
    return a + b + c + d

{% load 自建的py文件名字 %}
{% my_tag 1 2 3 4 %}  # 参数之间空格隔开即可

3.自定义inclusion_tag

inclusion_tag是一个局部页面，将重复需要用到的局部页面创建成inclusion_tag可以让代码冗余减少，同时使代码可读性增加

首先创建一个templatetags文件夹
其中放一个任意名字的py对应内容如下：

# mytag.py
@register.inclusion_tag('模板样式文件') #注册对应的tag，可以使用name指定调用时的名字不指定以函数名为主
def func(n):
    l = []
    for i in range(1, n + 1):
        l.append(f'第{i}页')
    return locals()

设置模板样式文件

<ul>
    {% for foo in l %}
        <li>{{ foo }}</li>
    {% endfor %}
</ul>

在需要使用的地方插入对应的自定义tag

{% load 自定义tag文件名 %}
{% 函数名或者name指定名 然后传参（如果有的话） %}
<!-- 例如示例代码-->
{% load mytag %}
{% func 10 %} 

---

四、模板导入

类似于将html页面上的局部页面做成模块的形式 哪个地方想要直接导入即可展示

使用方式

	{% include 'menu.html' %}

---

五、模板继承

类似于面向对象的继承:继承了某个页面就可以使用该页面上所有的资源

模板上最少应该有三个区域：
css区域、内容区域、js区域

划定三个区域后子页面就可以有自己独立的css、js、内容

1.先在模板中通过block划定将来可以被修改的区域

	{% block content %}
  	<h1>主页内容</h1>
  {% endblock %}

2.子板继承模板

	{% extends 'home.html' %}

3.修改划定的区域

	{% block content %}
    <h1>登录内容</h1>
	{% endblock %}

4.子页面还可以重复使用父页面的内容

	{{ block.super }}