再再再探django(django的模板层)

0.模板层（templates文件夹 模板语法）

后端朝前端页面传递数据的方式

• return render(request, 'index.html', {'n':n})
• return render(request, 'index.html', locals())

后端函数名到前端，会自动加括号调用，但不支持传参。

后端传对像到前端，就相当打印了这个对象。

前端获取后但传过来的容器类型的内部元素，统一采用句点符(.)

前端能够调用python后端数据类型的一些不需要传参的内置方法

('关某某','谢某某','陈某某','容嬷嬷')>>>:{{ t }},{{ t.1 }}  数字对应的就是数据的索引

有序类型可以通过这种点索引的方式来取对应的值。

模板语法的注释

{# 我是模板语法的注释#}

过滤器

• {{ s|length }}  统计字符串的长度
• {{ flag|default:'你这个东西是空的' }}  前端获取数据如果是空就返回default后面默认的参数值
• {{ file_size|filesizeformat }} 将数据格式化成表达文件大小的单位
• {{ ctime|date:'Y-m-d'}} 格式化时间
• {{ res|slice:'0:8:2' }} 字符串的切片操作
• {{ s|truncatechars:10 }} 截取固定的长度的字符串
• {{ res|truncatewords:4 }} 按照空格截取前4个文本内容
• {{ 'haha'|add:'eheeh'}}  前后两个变量相加

前后端取消转义：为了保证前端页面的安全。

前端： |safe

# 示例
ht = '<h1>我是h1标签</h1>'
sr = '<script>alert(123)</script>'

<p>{{ ht }}</p>
<p>{{ sr }}</p>
<p>{{ ht|safe }}</p>
<p>{{ sr|safe }}</p>

后端：from django.utils.safestring import mark_safe   xxx = mark_safe('<h1>我是h1标签</h1>')

标签：

for 循环
{% for foo in l %}
    <p>{{ foo }}</p>
	<p>{{ forloop }}</p> # 遍历自定义对象(字典)
{% endfor %}

forloop遍历对象得到：

# if判断
{% if flag %}
    <p>flag不为空</p>
{% else %}
    <p>flag是空</p>
{% endif %}
# 嵌套使用
{% for foo in l %}
    {% if forloop.first %}
        <p>这是我的第一次</p>
    {% elif forloop.last %}
        <p>这是最后一次了啊</p>
    {% else %}
        <p>嗨起来！！！</p>
    {% endif %}
{% endfor %}
# empty
# 当你的for循环对象为空的时候会自动走empty代码块儿的内容
# 后端:
# l = None
# 前端:
{% for foo in l %}
    {% if forloop.first %}
        <p>这是我的第一次</p>
    {% elif forloop.last %}
        <p>这是最后一次了啊</p>
    {% else %}
        <p>嗨起来！！！</p>
    {% endif %}
{% empty %}
    <p>你给我的容器类型是个空啊，没法for循环</p>
        

自定义过滤器

必须做的三件事：

1. 在应用名下新建一个名为templatetags文件夹(必须为templatetags)
2. 在新建的文件夹内新建一个任意名称的py文件
3. 在该py文件中需要固定写两句代码（from django import template   register=template.Library() ）

 

from django import template
register = template.Library()


# 自定义过滤器
@register.filter(name='XBB')
def index(a,b):
    return a+b


# 自定义标签
@register.simple_tag
def plus(a,b,c):
    return a+b+c


# 自定义inclusion_tag
@register.inclusion_tag('login.html',name='login')
def login(n):
    l = [ '第%s项'%i for i in range(n)]
    return {'l':l}

# login.html
{% load my_tag %} # 加载我们自定义的.py文件
<ul>
	{% for foo in l %}
	<li>{{ foo }}</li>
	{% endfor %}
</ul>

# 调用（在所需要调用的页面如:index.html里调用）
# index.html
{% login 5 %}

注意 :要想使用自定义的过滤器 标签 inclusion_tag 必须先在需要使用的html页面加载你的py文件.

{% load my_tag %}


{{ 666|XBB:8 }}
{% plus 1 2 3 %}
{% login 5 %}

ps:自定义的三种方式

模板的导入与继承

首先要在被继承的模板中划分多个区域。

{% block 给区域起的名字 %}
            。
            。
            。
{% endblock %}


# 通常情况下一个模板中应该至少有三块
{% block css %}
    页面css代码块
{% endblock %}

{% block js %}
    页面js代码块
{% endblock %}

{% block content %}
    页面主题内容
{% endblock %}

子版继承模板

先继承模板所有的内容
{% extends 'home.html' %}
然后根据block块的名字修改指定区域的内容
{% block content %}
    <h1>登录页面</h1>
    <form action="">
        <p>username:<input type="text" class="form-control"></p>
        <p>password:<input type="text" class="form-control"></p>
        <input type="submit" class="btn btn-success">
    </form>
{% endblock %}

模板的导入：将一段html当作模块的方式导入到另一个htlm展示 {% include '想导入的html文件名' %}

静态文件的配置

{% load static %}

{% load static %}  
    
<link rel='stylesheet' href="{% static 'css/mycss.css'%}">  # 第一种方式
<link rel='stylesheet' href="{% get_static_prefix %}css/mycss.css">  # 第二种方式