Django模板层

一：模板语法的简介

　　为了使得页面设计和python的代码分离，我们需要学会使用Django自身所带有的模板系统来实现。

二：模板语法之取值

　　视图层给模板传参的两种方式：

　　方式一：

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

　　方式二：

# 将当前所在的名称空间中的名字全部传递给前端页面
return render(request,'index.html',locals())

 　　模板的接受方式：

{{ n }}

　　ps：

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

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

　　前端获取后端传过来的容器类型的内部元素：统一采用句点符（.）

　　列表，字典取值：

{{l1.0}}  # 获取列表第一个元素
{{dic.name}}  # 获取字典值
{{div.hobby.0}}  # 如果一次查询还是容器类型则继续可以点方式取值

　　对象取值：

{{obj.name}}  # 获取对象的属性
{{obj.get_name}}  # 获取对象的 方法
{{obj.get_cls}}  # cls # 获取类方法
{{obj.get_static}}  # 获取静态方法

　　ps：

　　　　1，如果对象调用的方法需要传参数，模板语法并不支持！　　

　　　　2，python自带的内置函数，如果是不传参数的可以直接加括号调用，但是不能调用带参数的！

　　　　3，用模板语法的注释{##}在检查网页中是不可见的，但是html的注释<!---->是可见的。

二：模板语法之过滤器

　　1，前端统计字符串的长度：

{{ l1|length }} # |前面的值会当做第一个参数传递给|后面的函数。

　　2，前端获取的数据如果是空的就会返回default后面默认的参数值：

{{ flag|default:'你这个东西是个空'}} #flag没有值的时候触发

　　3，将数字格式化成表示文件大小的单位：

{{ file_size|filesizeformat }} #将值格式化为一个 “人类可读的” 文件尺寸 （例如 '13 KB', '4.1 MB', '102 bytes', 等等）

 　　4，前端可以展示原生时间（可以在前端经过过滤器处理时间的格式）：

<p>{{ ctime|date:'Y-m-d' }}</p> # 格式化时间(不要加百分号)

　　5，前端可以进行字符串切片：

<p>字符串的切片操作:{{ res|slice:'0:8' }}</p> # 取到前8个字符
<p>{{ res|slice:'0:8:2' }}</p> # 取到前八个索引为奇数的字符

　　6，如果字符串多于指定的字符，那么会截断被翻译为省略号（...）

<p>{{ s|truncatechars:10 }}</p> # 截取固定的长度的字符串 三个点也算长度，也就是取前7个字符

　　7，按照空格截取文本内容（三个点不算字符）

<p>{{ res|truncatewords:4 }}</p> # 按照空格截取文本内容

　　8，给数字加一个值，如果第一个参数是字符串，会默认全转成字符串进行拼接：

<p>{{ 'hahah'|add:'heheheh' }}</p> # 字符串拼接
<p>{{ res|add:5}}</p> # 给res的值加上5

　　9，取消转义（******）

　　　　前端取消转义：

<p>{{ ht|safe }}</p> # 不管是html语言还是js语言都可以被safe转化为为安全模式，从而取消转义
<p>{{ sr|safe }}</p>

　　　　后端取消转义：

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

 

三，模板语法之标签

　　1，for循环

{% for foo in l1 %}
<p>{{ forloop }}</p>
{% endfor %}
# {'parentloop': {}, 'counter0': 0, 'counter': 1, 'revcounter': 5, 'revcounter0': 4, 'first': True, 'last': False}

　　2，if判断

{% if user %}
    hello
{%else%}
    world!
{% endif %}

　　3，混合使用：

{% for foo in l1%}
    {% if forloop.first %}
      第一次的我
  {% elif forloop.last %}
      最后一次的我
  {% else %}
      {{ foo }}
  {% endif %}
{% endfor %}

　　4，可迭代对象被取空时：

{% for foo in l %}
    {% if forloop.first %}
        <p>这是我的第一次</p>
    {% elif forloop.last %}
        <p>这是最后一次了啊</p>
    {% else %}
        <p>嗨起来！！！</p>
    {% endif %}
    {% empty %}
        <p>你给我的容器类型是个空啊，没法for循环</p>
{% endfor %}

　　5， for循环字典：

{% for foo in d.keys %}
    <p>{{ foo }}</p>
{% endfor %}

{% for foo in d.values %}
<p>{{ foo }}</p>
{% endfor %}

{% for foo in d.items %}
<p>{{ foo }}</p>
{% endfor %}

　　6，with起别名：

{% with d.hobby.2  as h %}
{{ h }} # 在with内部使用h
    {{ d.hobby.2 }} # 内部外部都可以使用这种方式取值
{% endwith %}

 

四，模板语法之自定义：

　　必经三路：

　　　　一，在应用名下新建一个名叫templatetags文件夹（名字固定）

　　　　二，在新建的文件夹内新建一个任意名称的py文件（如：my_tag.py）

　　　　三，在该py文件中需要固定写下面两句代码

from django import template
register = template.Library()

　　自定义过滤器：

　　　　在my_tag.py文件下：

@register.filter(name='XBB')
def index(a,b):
    return a+b

　　　　在模板中使用：

{% load my_tag %}
{{ 666|XBB:8 }} # 结果为666+8

　　自定义标签：

　　　　在my_tag.py文件下：

@register.simple_tag
def plus(a,b,c):
    return a+b+c

　　　　在模板中使用：

{% load my_tags%}
{% plus 1 2 3 %}

　　自定义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

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

　　总结：

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

{% load my_tag %}

　　　　2，在html中显示inclusion_tag的模板，只需输入其函数名和指明参数就行了

{% load my_tag %} # 加载文件
{% login 5 %} # 添加页面

五，模板的继承和导入

　　继承：

　　　　首先需要在被继承的模板中划分多个区域，例如：在home.html文件中

{#           {% block 给区域起的名字 %}#}
{% block content %}
                <div class="jumbotron">
                  <h1>Hello, world!</h1>
                  <p>...</p>
                  <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
                </div>
{% endblock %}

　　　　ps：通常情况下一个模板应该至少有个block，一个里面是css代码块，一个里面是js代码块，一个里面是你想继承的页面主题内容。

　　　　子板继承模板：

{#继承语法：{% extends 'home.html' %}#}
{% extends 'home.html' %}
{% block content %}
{#    然后根据block块的名字修改指定区域的内容#}
<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当做模块的方式导入到另一个html展示

{% include '想导入的html文件名' %}　

六，静态文件的配置：

　　第一种：直接写死

<link rel='stylesheet' href="{% static 'css/mycss.css'%}">

　　第二种：

{% load static %} # 先加载
<link rel='stylesheet' href="{% get_static_prefix %}css/mycss.css">

 

 

　　　　

　　

　　

　　

 

转载于:https://www.cnblogs.com/ay742936292/p/11003555.html