Django--templates(模板层)

时间 2019-11-08

原文原文链接

模板语法：css

   """
    模板语法：
        变量：{{}}
            1.深度查询    句点符
            2.过滤器   {{value|filter_name:参数}}

        标签：{% %}

    """

模板语法
    1.渲染变量{{ }}
        1.深度查询 句点符
　　　　　　语法：{{var_name}}
　　　　　　<p>{{ alex.age }}</p>
            <p>{{ person_list.1.age }}</p>
        2.过滤器
　　　　　　语法：{{obj|filter__name:param}}
　　　　　　按照某种形式渲染出来
            <p>{{ now|date:'Y-m-d' }}</p>
            <p>{{ info.name|upper }}</p>

    2.渲染标签{% %}
　　　　　　语法：{% tag %}

单个参数传递：html

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

传递全部参数：python

views.py数据库

locals() 传递全部变量

def index(request):
    """
    模版语法：
    变量：｛｛｝｝
        一、深度查询 句点符
        二、过滤器

    标签：｛% %｝

    """
    name='yuan'
    i=10
    l=[11,22,33]
    info={'name':'alex','age':23}
    b=True
    class Person(object):
        def __init__(self,name,age):
            self.name=name
            self.age=age
    peo1=Person('alex',33)
    peo2=Person('egon',23)
    person_list=[peo1,peo2]

    return render(request,'index.html',locals())
    # html文件，模版文件

index.html:django

<body>
    <div>
        <p>python revenge</p>
        <p>{{ name }}</p>
        <p>{{ i }}</p>
        <p>{{ l }}</p>
        <p>{{ b }}</p>
        <p>{{ peo1 }}</p>
        <p>{{ peo2 }}</p>
        <p>深度查询</p>
        <p>{{ l.1 }}</p>
        <p>{{ info.name }}</p>
        <p>{{ info.age }}</p>
        <p>{{ person_list.1.name}}</p>
    </div>
</body>

运行结果：bootstrap

模板之过滤器

语法：

{{obj|filter__name:param}}
default

若是一个变量是false或者为空，使用给定的默认值。不然，使用变量的值。例如：

{{ value|default:"nothing" }}
length
返回值的长度。它对字符串和列表都起做用。例如：

{{ value|length }}
若是 value 是 ['a', 'b', 'c', 'd']，那么输出是 4。
date
若是 value=datetime.datetime.now()

{{ value|date:"Y-m-d" }}
slice
若是 value="hello world"

{{ value|slice:"2:-1" }}
truncatechars
若是字符串字符多于指定的字符数量，那么会被截断。截断的字符串将以可翻译的省略号序列（“...”）结尾。
参数：要截断的字符数
例如：

{{ value|truncatechars:9 }}
safe
Django的模板中会对HTML标签和JS等语法标签进行自动转义，缘由显而易见，这样是为了安全。可是有的时候咱们可能不但愿这些HTML元素被转义，
好比咱们作一个内容管理系统，后台添加的文章中是通过修饰的，这些修饰多是经过一个相似于FCKeditor编辑加注了HTML修饰符的文本，若是自
动转义的话显示的就是保护HTML标签的源文件。为了在Django中关闭HTML的自动转义有两种方式，若是是一个单独的变量咱们能够经过过滤器“|safe”的方式告诉Django这段代码是安全的没必要转义。好比：

value="<a href="">点击</a>"
{{ value|safe}}
这里简单介绍一些经常使用的模板的过滤器。

filesizeformat缓存

将值格式化为一个 “人类可读的” 文件尺寸（例如 '13 KB', '4.1 MB', '102 bytes', 等等）。例如：安全

{{ value|filesizeformat }}app

模板之标签

标签看起来像是这样的： {% tag %}。标签比变量更加复杂：一些在输出中建立文本，一些经过循环或逻辑来控制流程，一些加载其后的变量将使用到的额外信息到模版中。ide

一些标签须要开始和结束标签（例如{% tag %} ...标签内容 ... {% endtag %}）。

for标签
遍历每个元素：

能够利用{% for obj in list reversed %}反向完成循环。
遍历一个字典：

{% for key,val in dic.items %}
    <p>{{ key }}:{{ val }}</p>
{% endfor %}
注：循环序号能够经过｛｛forloop｝｝显示　
for ... empty
for 标签带有一个可选的 从句，以便在给出的组是空的或者没有被找到时，能够有所操做。
{% empty %}

if 标签
{% if %}会对一个变量求值，若是它的值是“True”（存在、不为空、且不是boolean类型的false值），对应的内容块会输出。

{% if num > 100 or num < 0 %}
    <p>无效</p>
{% elif num > 80 and num < 100 %}
    <p>优秀</p>
{% else %}
    <p>凑活吧</p>
{% endif %}

with
使用一个简单地名字缓存一个复杂的变量，当你须要使用一个“昂贵的”方法（好比访问数据库）不少次的时候是很是有用的
例如：

{% with total=business.employees.count %}
    {{ total }} employee{{ total|pluralize }}
{% endwith %}

csrf_token
这个标签用于跨站请求伪造保护

---

<h3>for标签</h3>
        {% for i in l %}
        <p>{{ i }}</p>
        {% endfor %}

        {% for index in info %}
        <p>{{ index}}</p>
        {% endfor %}
        {% for i in person_list2 %}
        <p>{{ forloop.counter }} {{ i.name }},{{ i.age }}</p>
        {% endfor %}

        {% for i in person_list %}
        <p>{{ forloop.counter }} {{ i.name }},{{ i.age }}</p>
{#            列表为空就执行#}
        {% empty %}
            <p>列表为空</p>
        {% endfor %}
        <hr>
        <h3>if标签</h3>
        {% if user %}
        <p>
            <a href="">hi {{ user }}</a>
            <a href="">注销</a>
        </p>
        {% else %}
        <p>
            <a href="">登陆</a>
            <a href="">注册</a>
        </p>
        {% endif %}
        <hr>
        {% with person_list2.1.name as n %}
        {{ n }}
        {% endwith %}
        <hr>

csrf_token
这个标签用于跨站请求伪造保护

 为了保留django 留给咱们得 安全机制 django 得中间见
 只要发 post 请求 ，{ % csrf_token %}  为了安全机制
 { % csrf_token %} 解决办法
 < input
 type = 'hidden'
 name = 'csrfmiddlewaretoken'
 value = 'OqNwoXIbFSTI3qxdtqKppQuZvlWebFgw9vSAkGXrGX4J2wo9t7OWDXvyxU4asBRE' / >

----------------------------------------------------------------------------------

模板 - 自定义标签和过滤器--解决复用问题

一、在settings中的INSTALLED_APPS配置当前app，否则django没法找到自定义的simple_tag.

二、在app中建立templatetags模块(模块名只能是templatetags)

三、建立任意 .py 文件，如：my_tags.py

过滤器
from django import template
register=template.Library()
@register.filter
def multi_file(x,y):
    return x*y
---------------------------------

<h4>自定义过滤器</h4>
{% load my_tag_file %}
<p>  {{ i|multi_file:20 }}</p>
 <h4>自定义标签</h4>
{% multi_tags 7 9 1 %}

过滤器最多只能定义两个形参

标签，没有参数限制
@register.simple_tag
def multi_tags(x,y,z):
    return x*y*z
---------------------------

 <h4>自定义标签</h4>
{% multi_tags 7 9 1 %}

在使用自定义simple_tag和filter的html文件中导入以前建立的 my_tags.py

 {% load my_tags %}

五、使用simple_tag和filter（如何调用）

  -------------------------------.html
  {% load xxx %}        
  # num=12
  {{ num|filter_multi:2 }} #24
  {{ num|filter_multi:"[22,333,4444]" }}
  {% simple_tag_multi 2 5 %}  参数不限,但不能放在if for语句中
  {% simple_tag_multi num 5 %}

注意：filter能够用在if等语句后，simple_tag不能够

{% if i|multi_file:10 > 100 %}
<p>100</p>
{% else %}
<p>{{ i }}</p>
{% endif %}

模板继承 (extend)

Django模版引擎中最强大也是最复杂的部分就是模版继承了。模版继承可让您建立一个基本的“骨架”模版，它包含您站点中的所有元素，而且能够定义可以被子模版覆盖的 blocks 。
经过从下面这个例子开始，能够容易的理解模版继承：

把广告ads.html的内容引入，所有引入

extend是在基础base.html中部份内容，其余文件index.html先继承基础文件，在进行扩写

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <style type="text/css">
        *{margin: 0;padding: 0;}
        {#div{width: 300px;height: 1000px;background-color: green}#}
        .header{width: 100%;height: 50px;
        background-color: #369}

    </style>
</head>
<body>
<div class="header"></div>
<div class="container">
    <div class="row">
        <div class="col-md-3">
           {% include 'ads.html' %}
        </div>
        <div class="col-md-9">
           {% block con %}
            {% endblock %}

        </div>
    </div>
</div>


</body>
</html>

base.html

base.html能够预留不少盒子给继承的文件扩展

{% extends 'base.html' %}
在继承的文件里面必须首行放

模板复用就用extend

案例分析

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="style.css" />
    <title>{% block title %}My amazing site{%/span> endblock %}</title>
</head>

<body>
    <div id="sidebar">
        {% block sidebar %}
        <ul>
            <li><a href="/">Home</a></li>
            <li><a href="/blog/">Blog</a></li>
        </ul>
        {% endblock %}
    </div>

    <div id="content">
        {% block content %}{% endblock %}
    </div>
</body>

这个模版，咱们把它叫做 base.html，它定义了一个能够用于两列排版页面的简单HTML骨架。“子模版”的工做是用它们的内容填充空的blocks。
在这个例子中， block 标签订义了三个能够被子模版内容填充的block。 block 告诉模版引擎：子模版可能会覆盖掉模版中的这些位置。
子模版可能看起来是这样的：

第一种状况：

第二种状况：会覆盖父模板的内容

第三种状况：父模板有内容，继承时不覆盖

请注意，子模版并无定义 sidebar block，因此系统使用了父模版中的值。父模版的 {% block %} 标签中的内容老是被用做备选内容（fallback）。 这种方式使代码获得最大程度的复用，而且使得添加内容到共享的内容区域更加简单，例如，部分范围内的导航。 这里是使用继承的一些提示： 若是你在模版中使用 {% extends %} 标签，它必须是模版中的第一个标签。其余的任何状况下，模版继承都将没法工做。 在base模版中设置越多的 {% block %} 标签越好。请记住，子模版没必要定义所有父模版中的blocks，因此，你能够在大多数blocks中填充合理的默认内容，而后，只定义你须要的那一个。多一点钩子总比少一点好。
 若是你发现你本身在大量的模版中复制内容，那可能意味着你应该把内容移动到父模版中的一个 {% block %} 中。
 If you need to get the content of the block from the parent template, the variable will do the trick. 
This is useful if you want to add to the contents of a parent block instead of completely overriding it. 
Data inserted using will not be automatically escaped (see the next section), since it was already escaped, if necessary, in the parent template. 为了更好的可读性，你也能够给你的{% endblock %} 标签一个 名字 。例如： {% block content %} ... {% endblock content %} 在大型模版中，这个方法帮你清楚的看到哪个　 {% block %} 标签被关闭了。 不能在一个模版中定义多个相同名字的 block 标签。

1. 【Django学习笔记】8：在templates目录下使用DjangoTemplates模板
2. Django模板层
3. Django 模板层
4. django——模板层
5. Django–模板层
6. 模板层
7. Django-模板层
8. Django----模板层
9. django模板层
10. Django - 模板层
更多相关文章...
• Maven 项目模板 - Maven教程
• Eclipse 代码模板 - Eclipse 教程
• 委托模式
• 算法总结-归并排序