模板语法之过滤器(类似于内置函数) 模板语法之标签 自定义过滤器、标签、inclusion_tag 模板的导入 模板的继承

day54 

 

模板语法之过滤器(类似于内置函数)

使用的时候可以参考源码

1.语法结构

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

代码演示：

 url(r'^index/', views.index),

def index(request):
    s1 = 'hello jason 周一综合征可不能犯啊'  
    return render(request, 'index.html', locals())  # 返回数据的长度 无法统计的话 会返回0

<p>{{ s1|length }}</p>

2.常见过滤器(django模板语法提供了60+过滤器 我们了解几个即可) 

<p>统计数据的长度:{{ s1|length }}</p>
<p>算术加法或者字符串加法:{{ n1|add:111 }}、{{ s1|add:'big baby' }}</p>
<p>将数字转成合适的文件计量单位:{{ file_size|filesizeformat }}、{{ file_size1|filesizeformat }}</p>  # 返回KB\MB计量单位
<p>判断当前数据对象对应的布尔值是否是False:{{ b|default:'前面的值对应的布尔值是False' }}、{{ s1|default:'前面的值对应的布尔值是False' }}</p>
<p>时间格式化:{{ ctime|date:'Y-m-d' }}</p>
<p>索引切片:{{ s1|slice:'0:8' }}</p>
<p>按照空格截取指定个数的文本:{{ s2|truncatewords:5 }}、{{ s1|truncatewords:1 }}</p>  # 数字5表示截取5次 文本后面用...结尾 
<p>按照字符个数截取文本(包含三个点):{{ s2|truncatechars:5 }}、{{ s1|truncatechars:10 }}</p>  # 数字5表示截取2个字符加上...共五个字符
<p>移除指定的字符:{{ info|cut:'|' }}</p>  # cut(移除)
<p>是否取消转换:{{ tag1 }}、{{ tag1|safe }}、{{ scripts1|safe }}、{{ res }}</p>

过滤器重点

代码演示：

def index(request):
    tag1 = '<h1>我是一个标题标签</h1>'
    return render(request, 'index.html', locals())

传到html

<p>:{{ tag1 }}</p>

显示出来的：<h1>我是一个标题标签</h1>

这是因为django和浏览器交互的时候 默认你所传的那些标签的数据不安全

我的本意是希望浏览器帮我渲染成标签 

如果你想要渲染的话 必须主动告诉它 这个标签是安全的 需要这样写：

<p>{{ tag1 }}、{{ tag1|safe }}</p>

｜safe 可以前端做 也可以在后端做 如果在后端操作需要导一个模块

from django.utils.safestring import mark_safe

view

ttt = '<a href="https://www.baidu.com">点我</a>'
    res = mark_safe(ttt)

html

<p>{{ res }}</p>

ps:最后一个|safe启发了我们以后用django开发全栈项目前端页面代码(主要指HTML代码)也可以在后端编写

 

模板语法之标签

# 在django模板语法中写标签的时候 只需要写关键字然后tab键就会自动补全

1.语法结构
	{% 名字 ...%}
    {% end名字 %}
    
2.if判断
	{% if 条件1 %}  # 必须要引用变量
        <p>你好啊</p>
    {% elif 条件2 %}
        <p>他好呀</p>
    {% else %}
        <p>大家好</p>
    {% endif %}
    
3.for循环
	提供了forloop关键字
  	{'parentloop': {}, 'counter0': 0, 'counter': 1, 'revcounter': 4, 'revcounter0': 3, 'first': True, 'last': False}
    
    """
    first：标识当前这次循环是不是第一次循环 
	last: 标识这次循环是不是第一次循环
    counter0：从0开始计数
	counter：从1开始计数
    revcounter：从1开始计数
	revcounter0：从0开始计数
    """
# 常规for循环
    {% for i in l1 %}
        <p>{{ i }}</p>
	{% endfor %}
    
"""
   for+if嵌套使用
 {% for i in l1 %}
    {% if forloop.first %}
        <p>这是第一次循环</p>
    {% elif forloop.last %}
        <p>这是最后一次循环</p>
    {% else %}
        <p>中间循环</p>
    {% endif %}
    {% empty %}
        <p>for循环对象为空 自动执行</p>
  {% endfor %}
"""

 

# 针对字典同样提供了keys、values、items方法

view

user_info = {'name':'jason','pwd':123,'hobby':'read'}
    return render(request, 'index.html', locals())

html

{% for foo in user_info %}
    {{ foo }}  # name pwd hobby
{% endfor %}
{% for foo in user_info.keys %}
    {{ foo }}  # name pwd hobby
{% endfor %}
{% for foo in user_info.values %}
    {{ foo }}  # jason 123 read
{% endfor %}
{% for foo in user_info.items %}
    {{ foo }}  # ('name','jason')('pwd',123)('hobby','read')

 

自定义过滤器、标签、inclusion_tag

# 自定义过滤器前期准备：

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

# 自定义过滤器:只能接收两个参数

view

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

html

{% load mytag %}  # 加载过滤器
{{ n1|index:666 }}

 

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

view

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

html

{% my_tag 1 2 3 4 %}  # 参数之间空格隔开即可

 

# 自定义inclusion_tag

view

@register.inclusion_tag('left.html')
def func2(n):
    l1 = []
    for i in range(1, n + 1):
        l1.append(f'第{i}页')
    return locals()

left.html  （将自带的内容全部删除 在空页面内编写代码）

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

html

{% func2 10 %}

该方法需要先作用于一个局部html页面 之后将渲染的结果放到调用的位置 相当于在该页面上封装了一个可以产生html代码的方法 那么这个html上的代码就变成了动态的  可以用来产生没有固定位数的p标签

 

模板的导入(了解)

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

eg:

  有一个非常好看的获取用户数据的页面 需要在网站的多个页面上使用
        策略1:拷贝多份即可
         策略2:模板的导入
   
使用方式

1. 写个局部html>>>menu.html

2. 在html中写到入代码
    {% include 'menu.html' %}

 

注释语法补充

<!---->       是HTML的注释语法

{##}		 是django模板语法的注释
    
"""
HTML的注释可以在前端浏览器页面上直接查看到
模板语法的注释只能在后端查看 前端浏览器查看不了
"""

 

模板的继承

  类似于面向对象的继承:继承了某个页面就可以使用该页面上所有的资源
  
  有很多网站的很多页面 其实都是差不多的 只是局部有所变化 模板的继承可以很好的实现该需求

 

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

home主页面

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

 

2.子板继承模板  进行修改  前提是先清空整个页面再进行编写
   reg子页面

{% extends 'home.html' %}

{% block content %}
  	<h1>主页内容修改成登录内容</h1>
{% endblock %}

 

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

子页面 

 {{ block.super }}

# 模板上最少应该有三个区域

    css区域、内容区域、js区域

子页面就可以有自己独立的css、js、内容