• django的Template(模板)系统


    要点概论:

    1. 变量相关

    2. 逻辑相关

    3. 继承相关

     4. 静态文件相关

    1. 变量相关:{{  }}

      1.1 变量名(   {{ 变量名 }}   )

        变量名由字母数字和下划线组成,点 (.) 在模板语言中用来获取对象的对应属性值。

        

        变量名传入方式:

    def template_test(request):
        l = [11, 22, 33]
        d = {"name": "alex"}
    
        class Person(object):
            def __init__(self, name, age):
                self.name = name
                self.age = age
    
            def dream(self):
                return "{} is dream...".format(self.name)
    
        Alex = Person(name="Alex", age=34)
        Egon = Person(name="Egon", age=9000)
        Eva_J = Person(name="Eva_J", age=18)
    
        person_list = [Alex, Egon, Eva_J]
        return render(request, "template_test.html", {"l": l, "d": d, "person_list": person_list})
    View Code

        模板中支持的写法:

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

       1.2 Filters

        语法结构:{{ value|filter_name:参数 }}

          

        示例:

    {{ value:default: "nothing"}}    
    # 如果value值没传的话就显示 nothing
    
    {{ value|length }}
    # 返回value的长度,如 value=['a', 'b', 'c', 'd']的话,就显示4.
    
    {{ value|filesizeformat }}
    # 将值格式化为一个 “人类可读的” 文件尺寸 (例如 '13 KB', '4.1 MB', '102 bytes', 等等),例如value是123456时,输出将会是 117.7MB.
    
    {{value|slice:"2:-1"}}
    # 切片
    
    {{ value|date:"Y-m-d H:i:s"}}
    # 时间格式化
    
    —————————————————————————————————
    
    {{ value|safe}}
    # 比如 value = "<a href='#'>点我</a>",在HTML中就显示为字符串,而不会自动转义为网址。
    
    PS:Django的模板中会对HTML标签和JS等语法标签进行自动转义,原因显而易见,这样是为了安全。但是有的时候我们可能不希望这些HTML元素被转义,比如我们做一个内容管理系统,后台添加的文章中是经过修饰的,这些修饰可能是通过一个类似于FCKeditor编辑加注了HTML修饰符的文本,如果自动转义的话显示的就是保护HTML标签的源文件。为了在Django中关闭HTML的自动转义有两种方式,如果是一个单独的变量我们可以通过过滤器“|safe”的方式告诉Django这段代码是安全的不必转义。
    View Code

       1.3 自定义 filter

        除了Django自带的filter语法,我们还可以自定义过滤器。

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

      •   变量(输入)的值 - -不一定是一个字符串
      •   参数的值 - 这可以有一个默认值,或完全省略(例如,在过滤器{{var | foo:“bar”}}中,过滤器foo将传递变量var和参数“bar”。)

        

    app01/
        __init__.py
        models.py
        templatetags/  # 在app01下面新建一个package package
            __init__.py
            app01_filters.py  # 建一个存放自定义filter的文件
        views.py
    自定义filter代码文件摆放位置
    from django import template
    register = template.Library()
    
    
    @register.filter(name="cut")
    def cut(value, arg):
        return value.replace(arg, "")
    
    
    @register.filter(name="addSB")
    def add_sb(value):
        return "{} SB".format(value)
    编写自定义filter
    {# 先导入我们自定义filter那个文件 #}
    {% load app01_filters %}
    
    {# 使用我们自定义的filter #}
    {{ somevariable|cut:"0" }}
    {{ d.name|addSB }}
    使用自定义filter

      1.4  truncatechars

    {{ value|truncatechars:9}}
    
    # 如果字符串字符多于指定的字符数量,那么会被截断。截断的字符串将以可翻译的省略号序列(“...”)结尾
    View Code

      

      

     2.  逻辑相关 {% %}

      

      2.1 for 循环

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

        for 循环可用的一些参数:

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

    本层循环的外层循环

     
    <ul>
    {% for user in user_list %}
        <li>{{ user.name }}</li>
    {% endfor %}
    </ul>
    基础循环
    {% for user in user_list %}
        <li>{{ user.name }}</li>
    {% empty %}
        <li>空空如也</li>
    {% endfor %}
    </ul>
    
    
    
    # 如果值为空则走empty 语句
    for ... empty
    {% if user_list %}
      用户人数:{{ user_list|length }}
    {% elif black_list %}
      黑名单数:{{ black_list|length }}
    {% else %}
      没有用户
    {% endif %}
    if,elif和else
    {% with total=business.employees.count %}
        {{ total }} employee{{ total|pluralize }}
    {% endwith %}
    with 定义一个中间变量

      2.2 其他

    在页面的form表单里面写上{% csrf_token %}
    跨站请求伪造保护
    {# ... #}
    注释

    3. 继承相关

      

    <!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>
    母版

    PS:我们通常会在母版中定义页面专用的 CSS 块和 JS 块,方便子页面替换。

    {% extends 'layouts.html' %}
    
    # 在子页面中的页面最上方使用
    继承母版
    {% block page-main %}
      <p>世情薄</p>
      <p>人情恶</p>
      <p>雨送黄昏花易落</p>
    {% endblock %}
    
    
    # 通过在母版中使用{% block  块名 %}来定义“块”,
    在子页面中通过定义母版中的 block 名来对应替换母版中相应的内容
    块(block)
    # 多用于返回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 inclusion_tag_test %}
    
    {% show_results 10 %}
    </body>
    </html>
    inclusion_tag
    {% include 'navbar.html' %}
    
    # 可以将常用的页面内容如导航条,页尾信息等组件保存在单独的文件中,然后在需要使用的地方按如下语法导入即可。
    组件

    4. 静态文件相关

    {% load static %}
    <img src="{% static "images/hi.jpg" %}" alt="Hi!" />
    
    
    {% load static %}
    <script src="{% static "mytest.js" %}"></script>
    # 还可以引用 JS 文件
    
    
    {% load static %}
    {% static "images/hi.jpg" as myphoto %}
    <img src="{{ myphoto }}"></img>
    # 存为一个变量方便多次引用
    基础语法
    {% 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!" />
    使用get_static_prefix
    # 和自定义filter类似,只不过接收更灵活的参数。
    
    # 定义注册simple tag
    
    @register.simple_tag(name="plus")
    def plus(a, b, c):
        return "{} + {} + {}".format(a, b, c)
    
    # 使用自定义simple tag
    {% load app01_demo %}
    
    {# simple tag #}
    {% plus "1" "2" "abc" %}
    自定义simpletag
  • 相关阅读:
    flutter 使用keyboard_actions 关闭ios键盘
    Android Studio androidx 包冲突解决方法
    flutter 卡在Running Gradle task 'assembleDebug'...
    SpringBoot Controller接收参数的几种常用方式
    RN 0.6以后react-navigation 导航报错null is not an object (evaluating '_RNGestureHandlerModule.default.Direction')
    flutter 调用摄像头和照片
    RN 真机roload
    iOS Undefined symbols for architecture armv7:
    android 签名生成和签名验证
    Keil MDK中Image~~RW_IRAM1~~ZI~~Limit(~表示$)
  • 原文地址:https://www.cnblogs.com/HZY258/p/8670520.html
Copyright © 2020-2023  润新知