• DAY15-Django模板语言

    Django模板系统

    官方文档

    你可能已经注意到我们在例子视图中返回文本的方式有点特别。 也就是说，HTML被直接硬编码在 Python代码之中。

    def current_datetime(request):
    now = datetime.datetime.now()
    html = "<html><body>It is now %s.</body></html>" % now
    return HttpResponse(html)

    尽管这种技术便于解释视图是如何工作的，但直接将HTML硬编码到你的视图里却并不是一个好主意。 让我们来看一下为什么：

    • 对页面设计进行的任何改变都必须对 Python 代码进行相应的修改。 站点设计的修改往往比底层 Python 代码的修改要频繁得多，因此如果可以在不进行 Python 代码修改的情况下变更设计，那将会方便得多。

    • Python 代码编写和 HTML 设计是两项不同的工作，大多数专业的网站开发环境都将他们分配给不同的人员（甚至不同部门）来完成。 设计者和HTML/CSS的编码人员不应该被要求去编辑Python的代码来完成他们的工作。

    • 程序员编写 Python代码和设计人员制作模板两项工作同时进行的效率是最高的，远胜于让一个人等待另一个人完成对某个既包含 Python又包含 HTML 的文件的编辑工作。

    基于这些原因，将页面的设计和Python的代码分离开会更干净简洁更容易维护。 我们可以使用 Django的 模板系统 (Template System)来实现这种模式，这就是本章要具体讨论的问题。

    python的模板：HTML代码＋模板语法

    模版包括在使用时会被值替换掉的 变量，和控制模版逻辑的 标签。

    def current_time(req):
    # ================================原始的视图函数
    # import datetime
    # now=datetime.datetime.now()
    # html="<html><body>现在时刻：<h1>%s.</h1></body></html>" %now


    # ================================django模板修改的视图函数
    # from django.template import Template,Context
    # now=datetime.datetime.now()
    # t=Template('<html><body>现在时刻是:<h1>{{current_date}}</h1></body></html>')
    # #t=get_template('current_datetime.html')
    # c=Context({'current_date':str(now)})
    # html=t.render(c)
    #
    # return HttpResponse(html)


    #另一种写法(推荐)
    import datetime
    now=datetime.datetime.now()
    return render(req, 'current_datetime.html', {'current_date':str(now)[:19]})

    常用语法

    只需要记两种特殊符号：

    {{  }}和 {% %}

    变量相关的用{{}}，逻辑相关的用{%%}。

    变量

    {{ 变量名 }}

    变量名由字母数字和下划线组成。

    点（.）在模板语言中有特殊的含义，用来获取对象的相应属性值。

    几个例子：

    view中代码：

    def index(request):
    import datetime
    s="hello"
    l=[111,222,333]    # 列表
    dic={"name":"yuan","age":18}  # 字典
    date = datetime.date(1993, 5, 2)   # 日期对象
 
    class Person(object):
        def __init__(self,name):
            self.name=name
    　　　　　def dream(self):
    　　　　　　　　print('%s is dreamming...'%self.name)
    
 
    person_yuan    =Person("yuan")  # 自定义类对象
    person_egon=Person("egon")
    person_alex=Person("alex")
 
    person_list=[person_yuan,person_egon,person_alex]
 
 
    return render(request,"index.html",{"l":l,"dic":dic,"date":date,"person_list":person_list})

     模板中支持的写法：

    {# 取l中的第一个参数 #}
{{ l.0 }}
{# 取字典中key的值 #}
{{ dic.name }}
{# 取对象的name属性 #}
{{ person_list.0.name }}
{# .操作只能调用不带参数的方法 #}
{{ person_list.0.dream }}
    {# 调用日期对象的方法#}
    {{ date.year }}

    模板之过滤器（是对数据进行进一步处理）

    语法： {{ value|filter_name:参数 }}

    default

    {{ value|default: "nothing"}}

    如果一个变量是false或者为空，使用给定的默认值。否则，使用变量的值。

    length

    {{ value|length }}

    '|'左右没有空格没有空格没有空格

    返回value的长度，它对字符串和列表都起作用，如 value=['a', 'b', 'c', 'd']的话，就显示4.

    filesizeformat

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

    {{ value|filesizeformat }}

     如果 value 是 123456789，输出将会是 117.7 MB。

    slice

    切片

    如果 value="hello world"

    {{value|slice:"2:-1"}}

    date

    格式化

    如果 value=datetime.datetime.now()

    {{ value|date:"Y-m-d H:i:s"}}

    safe

    Django的模板中会对HTML标签和JS等语法标签进行自动转义，即<被转义成&lt;，导致变量不能替换成标签等，原因显而易见，这样是为了安全。但是有的时候我们可能不希望这些HTML元素被转义，比如我们做一个内容管理系统，后台添加的文章中是经过修饰的，这些修饰可能是通过一个类似于FCKeditor编辑加注了HTML修饰符的文本，如果自动转义的话显示的就是保护HTML标签的源文件。为了在Django中关闭HTML的自动转义有两种方式，如果是一个单独的变量我们可以通过过滤器“|safe”的方式告诉Django这段代码是安全的不必转义。

    比如：

    value = "<a href='#'>点我</a>"

    {{ value|safe}}

    truncatechars

    如果字符串字符多于指定的字符数量，那么会被截断。截断的字符串将以可翻译的省略号序列（“...”）结尾。

    参数：截断的字符数

    {{ value|truncatechars:9}}

    如果value是“Joel 是 a >，输出将为“Joel i ...”。

    这里简单介绍一些常用的模板的过滤器，更多详见

    模板之标签

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

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

    for标签

    遍历每一个元素：

    <ul>
{% for user in user_list %}
    <li>{{ user.name }}</li>
{% endfor %}
</ul>

    可以利用{% for obj in list reversed %}反向完成循环。

    遍历一个字典：

    {% for key,val in dic.items %}
    <p>序号：{{ forloop.counter }}键：{{ key }}值：{{ val }}</p>
{% endfor %}

    注：循环序号可以通过｛｛forloop｝｝显示

    for循环可用的一些参数：

    VariableDescription
    forloop.counter 当前循环的索引值（从1开始）
    forloop.counter0 当前循环的索引值（从0开始）
    forloop.revcounter 当前循环的倒序索引值（从1开始）
    forloop.revcounter0 当前循环的倒序索引值（从0开始）
    forloop.first 当前循环是不是第一次循环（布尔值）
    forloop.last 当前循环是不是最后一次循环（布尔值）
    forloop.parentloop 本层循环的外层循环

    for ... empty

    for 标签带有一个可选的{% empty %} 从句，以便在给出的组是空的或者没有被找到时，可以有所操作。

    <ul>
{% for user in user_list %}
    <li>{{ user.name }}</li>
{% empty %}
    <li>空空如也</li>
{% endfor %}
</ul>

    if 标签

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

    if,elif和else

    {% if user_list %}
  用户人数：{{ user_list|length }}
{% elif black_list %}
  黑名单数：{{ black_list|length }}
{% else %}
  没有用户
{% endif %}

    当然也可以只有if和else

    {% if user_list|length > 5 %}
  七座豪华SUV
{% else %}
    黄包车
{% endif %}

    if语句支持 and 、or、==、>、<、!=、<=、>=、in、not in、is、is not判断。

    with

    使用一个简单地名字缓存一个复杂的变量，当你需要使用一个“昂贵的”方法（比如访问数据库）很多次的时候是非常有用的

    定义一个中间变量

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

    csrf_token

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

    在页面的form表单里面写上{% csrf_token %}，这样post请求就不会报403错误了。

    注释

    {# ... #}

    自定义标签和过滤器

    1、在settings中的INSTALLED_APPS配置当前app，不然django无法找到自定义的simple_tag.

    INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'app01.apps.App01Config',
]

    2、在app中创建templatetags模块(模块名只能是templatetags)

    3、创建任意 .py 文件

    自定义filter代码文件摆放位置：

    app01/
    __init__.py
    models.py
    templatetags/  # 在app01下面新建一个package package
        __init__.py
        app01_filters.py  # 建一个存放自定义filter的文件
    views.py

    自定义过滤器只是带有一个或两个参数的Python函数:

    • 变量（输入）的值 - -不一定是一个字符串
    • 参数的值 - 这可以有一个默认值，或完全省略

    例如，在过滤器{{var | foo：“bar”}}中，过滤器foo将传递变量var和参数“bar”。

    创建任意 .py 文件，如：my_tags.py

    from django import template
from django.utils.safestring import mark_safe
 
register = template.Library()   #register的名字是固定的,不可改变
 
 #创建自定义过滤器
@register.filter
def filter_multi(v1,v2):
    return  v1 * v2


    #创建自定义标签
@register.simple_tag
def simple_tag_multi(v1,v2):
    return  v1 * v2

@register.simple_tag
def my_input(id,arg):
    result = "<input type='text' id='%s' class='%s' />" %(id,arg,)
    return mark_safe(result)

    4、在使用自定义simple_tag和filter的html文件中导入之前创建的 my_tags.py

    {% load my_tags %}　

    5、使用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 num|filter_multi:30 > 100 %}
    {{ num|filter_multi:30 }}
{% endif %}

    母板

    <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="x-ua-compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Title</title>
  {% block page-css %}
  
  {% endblock %}
</head>
<body>

<h1>这是母板的标题</h1>

{% block page-main %}

{% endblock %}
<h1>母板底部内容</h1>
{% block page-js %}

{% endblock %}
</body>
</html>

     注意：我们通常会在母板中定义页面专用的CSS块和JS块，方便子页面替换。

    继承母板

    在子页面中在页面最上方使用下面的语法来继承母板。

    {% extends 'layouts.html' %}

    块（block）

    通过在母板中使用{% block  xxx %}来定义"块"。

    在子页面中通过定义母板中的block名来对应替换母板中相应的内容。

    {% block page-main %}
  <p>世情薄</p>
  <p>人情恶</p>
  <p>雨送黄昏花易落</p>
{% endblock %}

    组件

    可以将常用的页面内容如导航条，页尾信息等组件保存在单独的文件中，然后在需要使用的地方按如下语法导入即可。

    {% include 'navbar.html' %}

    静态文件相关

    {% load static %}
<img src="{% static "images/hi.jpg" %}" alt="Hi!" />

    引用JS文件时使用：

    {% load static %}
<script src="{% static "mytest.js" %}"></script>

    某个文件多处被用到可以存为一个变量

    {% load static %}
{% static "images/hi.jpg" as myphoto %}
<img src="{{ myphoto }}"></img>

    使用get_static_prefix

    {% load static %}
<img src="{% get_static_prefix %}images/hi.jpg" alt="Hi!" />

    或者

    {% load static %}
{% get_static_prefix as STATIC_PREFIX %}

<img src="{{ STATIC_PREFIX }}images/hi.jpg" alt="Hi!" />
<img src="{{ STATIC_PREFIX }}images/hi2.jpg" alt="Hello!" />

    inclusion_tag

    多用于返回html代码片段（带有数据的）

    示例：

    templatetags/my_inclusion.py

    from django import template

register = template.Library()


@register.inclusion_tag('result.html')
def show_results(n):
    n = 1 if n < 1 else int(n)
    data = ["第{}项".format(i) for i in range(1, n+1)]
    return {"data": data}

    templates/snippets/result.html

    <ul>
  {% for choice in data %}
    <li>{{ choice }}</li>
  {% endfor %}
</ul>

    templates/index.html

    <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="x-ua-compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>inclusion_tag test</title>
</head>
<body>

{% load my_inclusion %}

{% show_results 10 %}
</body>
</html>
  • 相关阅读:
    Html语言基础
    acm练习（四）
    acm练习（三）
    acm练习（二）
    acm练习（一）
    android自定义控件属性
    android ViewGroup getChildDrawingOrder与 isChildrenDrawingOrderEnabled()
    java 用Arrays.binarySearch解读 快速定位数字范围
    android极光推送初步了解...
    GridView与ListView冲突
  • 原文地址：https://www.cnblogs.com/guoyunlong666/p/8728126.html
Copyright © 2020-2023  润新知