• Django模板层


     

    一:模板简介

    二:模板语法值变量

     

    三: 模板之过滤器

    四: 模板之标签

    五:自定义标签和过滤器

     

     

    一:模板简介

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

    上面的例子中视图中返回文本的方式有点特别,也就是说,html代码直接被硬编码在python代码中了

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

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

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

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

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

    二:模板语法值变量

    在 Django 模板中遍历复杂数据结构的关键是句点字符, 语法:{{变量名}}

    views.py

    from django.shortcuts import render
    from django.http import JsonResponse
    
    # Create your views here.
    def test (request):
        dic={'name':"andy"}
        return JsonResponse(dic,Json_dumps_params={'ensure_ascii':False})
    
    def index(request):
        name='lqz'
        age=18
        li=[1,2,3,4,'andy']
        dict={'name':'andy','age':18}
        yuanzu=(1,1,2,3)
        li_i=[1,2,[6,7,[0,9]]]
        l2=[1,2]
        l3=[]
        user=1
    
    
        def test():
            print('andy')
            return 'hello word'
    
        #在模板上相当于执行该函数,并打印
        print(test())
    #     类和对象
    
        class Person():
            def __init__(self,name,age):
                self.name=name
                self.age=age
    
    
            def get_name(self):
                return self.name
            @classmethod
            # 类的函数属性
            def cls_test(cls):
                return 'cls'
    
            @staticmethod
            def static_test():
                return 'static'
    #         模板里面不支持带参数
            def get_name_cs(self,ttt):
                return self.name
        lqz=Person('lqz',18)
        egon=Person('egon',18)
        person_list=[lqz,egon]
        person_dic={'lqz':lqz,'egon':egon}
    
        file_size=1024
        import datetime
        ctime=datetime.datetime.now()
    
        h1='<h1>你好</h1>'
        script='<script>alert(333)</script>'
    
        #user='lqz
        user=''
    
        # return render(request,'index.html',{'name':name})
        # locals()会吧该视图函数内的变量,传到模板
        return render(request,'index.html',locals())

    模板层 index.html

    <!DOCTYPE html>
    <html lang="zh-cn">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    {#模板语言注释,前段看不见#}
    {#相当于print了该变量#}
    <h1>模板语言之变量</h1>
    <p>字符串:{{ name }}</p>
    <p>数字:{{ age }}</p>
    <p>列表:{{ li }}</p>
    <p>字典:{{ dict }}</p>
    <p>元祖:{{ yuanzu }}</p>
    {#只写函数名,相当于函数名(),会执行该函数#}
    <p>函数:{{ test }}</p>
    
    {#对象内存地址#}
    <p>对象:{{ lqz }}</p>
    <p>列表套对象:{{ person_list }}</p>
    <p>字典套对象:{{ person_dict }}</p>
    <hr>
    <hr>
    <h1>深度查询</h1>
    <p>列表第0个值:{{ li.0 }}</p>
    <p>列表第3个值:{{ li.3 }}</p>
    <p>字典取值:{{ dict.name }}</p>
    {#再继续取值,继续点#}
    <p>列表的继续取值{{ li_i.2.2.0 }}</p>
    <p>对象取数据属性:{{ lqz.name }}</p>
    <p>对象取绑定给对象的函数属性:{{ lqz.get_name }}</p>
    <p>对象取绑定给类的函数属性:{{ lqz.cls_test }}</p>
    <p>对象取静态方法:{{ lqz.static_test }}</p>
    <p>把对象列表中egon的年龄取出来:{{ person_list.1.age }}</p>
    {#拓展:不能调有参数的方法#}
    <p>字符串的方法:{{ name.upper }}</p>
    <hr>
    <hr>
    
    ************************for ,if,with 都要有结束******************
    
    
    {% load mytag %}
    {{ 'andy'|str_add:'ouyang' }}
    {% add_nb 'andy'  %}
    </body>
    </html>

    三: 模板之过滤器

    1 语法:

    {{obj|filter__name:param}}  变量名字|过滤器名称:变量

     2 default

    如果一个变量是false或者为空,使用给定的默认值,否则,使用变量的值.例如:

    {{ value|default:"nothing" }}

    3 lenght

    返回值得长度,他对字符串和列表都起作用.例如:

    {{ value|length}}
    如果value=[1,2,3,4]
    那么就会输出4

    4 filesizeformat

    将值格式化为一个"人类可读"的文件尺寸(例如:'1024KB',1GB ,127bytes)

    {{ value|filesizeformat }}

    如果 value 是 123456789,输出将会是 117.7 MB

     

    5 date 格式化时间

    如果value=datetime.datetime.now()

    {{value|now:'Y-m-d'}}

    6 silce  相当于切

    在视图层中value="hello andy"

    在模板层中

    {{ value|slice:'1,4'}}
    # 将字符串的单个字符从第2位到第4位输出到前台

    7 truncatechars (咔嚓,截断)

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

    value='abcdefghijklmnopqrstuvwxyz'

    {{value|truncatechars:5}}
    # 在前台会出现 ab...

    8 safe 

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

    value=<p>alert(你好啊)</p>

    在模板层不加safe

    {{value}}
    # 会在前台打印 <p>alert(你好啊)</p>

    在模板层加上safe

    {{value|safe}}
    # 会在前台打印 你好啊

    9 其他过滤器(了解知识)

    过滤器 描述 示例
    upper 以大写方式输出 {{ user.name | upper }}
    add 给value加上一个数值 {{ user.age | add:”5” }}
    addslashes 单引号加上转义号  
    capfirst 第一个字母大写 {{ ‘good’| capfirst }} 返回”Good”
    center 输出指定长度的字符串,把变量居中 {{ “abcd”| center:”50” }}
    cut 删除指定字符串 {{ “You are not a Englishman” | cut:”not” }}
    date 格式化日期  
    default 如果值不存在,则使用默认值代替 {{ value | default:”(N/A)” }}
    default_if_none 如果值为None, 则使用默认值代替  
    dictsort 按某字段排序,变量必须是一个dictionary {% for moment in moments | dictsort:”id” %}
    dictsortreversed 按某字段倒序排序,变量必须是dictionary  
    divisibleby 判断是否可以被数字整除
    {{ 224 | divisibleby:2 }}  返回 True
    escape 按HTML转义,比如将”<”转换为”&lt”  
    filesizeformat 增加数字的可读性,转换结果为13KB,89MB,3Bytes等
    {{ 1024 | filesizeformat }} 返回 1.0KB
    first 返回列表的第1个元素,变量必须是一个列表  
    floatformat 转换为指定精度的小数,默认保留1位小数 {{ 3.1415926 | floatformat:3 }} 返回 3.142  四舍五入
    get_digit 从个位数开始截取指定位置的数字 {{ 123456 | get_digit:’1’}}
    join 用指定分隔符连接列表 {{ [‘abc’,’45’] | join:’*’ }} 返回 abc*45
    length 返回列表中元素的个数或字符串长度  
    length_is 检查列表,字符串长度是否符合指定的值 {{ ‘hello’| length_is:’3’ }}
    linebreaks 用<p>或<br>标签包裹变量 {{ “Hi David”|linebreaks }} 返回<p>Hi</p><p>David</p>
    linebreaksbr 用<br/>标签代替换行符  
    linenumbers 为变量中的每一行加上行号  
    ljust 输出指定长度的字符串,变量左对齐 {{‘ab’|ljust:5}}返回 ‘ab   ’
    lower 字符串变小写  
    make_list 将字符串转换为列表  
    pluralize 根据数字确定是否输出英文复数符号  
    random 返回列表的随机一项  
    removetags 删除字符串中指定的HTML标记 {{value | removetags: “h1 h2”}}
    rjust 输出指定长度的字符串,变量右对齐  
    slice 切片操作, 返回列表 {{[3,9,1] | slice:’:2’}} 返回 [3,9]
    {{ 'asdikfjhihgie' | slice:':5' }} 返回 ‘asdik’
    slugify 在字符串中留下减号和下划线,其它符号删除,空格用减号替换
    {{ '5-2=3and5 2=3' | slugify }} 返回 5-23and5-23
    stringformat 字符串格式化,语法同python  
    time 返回日期的时间部分  
    timesince 以“到现在为止过了多长时间”显示时间变量 结果可能为 45days, 3 hours
    timeuntil 以“从现在开始到时间变量”还有多长时间显示时间变量  
    title 每个单词首字母大写  
    truncatewords 将字符串转换为省略表达方式
    {{ 'This is a pen' | truncatewords:2 }}返回
    This is ...
    truncatewords_html 同上,但保留其中的HTML标签
    {{ '<p>This is a pen</p>' | truncatewords:2 }}返回
    <p>This is ...</p>
    urlencode 将字符串中的特殊字符转换为url兼容表达方式 {{ ‘http://www.aaa.com/foo?a=b&b=c’ | urlencode}}
    urlize 将变量字符串中的url由纯文本变为链接  
    wordcount 返回变量字符串中的单词数  
    yesno 将布尔变量转换为字符串yes, no 或maybe
    {{ True | yesno }}
    {{ False | yesno }}
    {{ None | yesno }}
    返回 
    yes
    no 
    maybe

    index.py

    <h1>模板语言之过滤器</h1>
    <p>统计字符串长度:{{ name|length }}</p>
    <p>统计列表长度:{{ li|length }}</p>
    <p>过滤器之默认值:{{ l2|default:'如果前面的参数值为空,就执行我' }}</p>
    {#数据大小格式化#}
    <p>过滤器之filesizeformat:{{ 222222222222222222222222343335434532453|filesizeformat }}</p>
    
    <p>过滤器之不使用过滤器:{{ ctime }}</p>
    <p>过滤器之使用过滤器date:{{ ctime|date:"Y-m-d" }}</p>
    {#跟列表的切片一样,顾头不顾尾#}
    <p>过滤器之slice:{{ li|slice:'2:-1' }}</p>
    {#跟字符串一样支持步长#}
    <p>过滤器之slice:{{ li|slice:'0:-1:2' }}</p>
    
    {#三个起步#}
    {#1字符串加上三个点总取五位,取(ds...)#}
    <p>过滤器之truncatechars:{{ 'dsafaesfaaawerfsafsaf'|truncatechars:5 }}</p>
    {#2truncatewords : 从左往右取5个词然后后面加上...#}
    <p>过滤器之truncatewords:{{ 'sda wed ffsc sfg e sf e a'|truncatewords:5 }}</p>
    <p>过滤器之不用safe{{ h1 }}</p> :{# 不用safe会直接将后台的格式加载到前台#}
    <p>过滤器之用safe{{ h1|safe }}</p>  {# 使用了safe之后,将会将其在后台所写的前段格式进行操作,看起来就像是在前段页面操作一样进项渲染 #}
    
    <p>过滤器之不用safe:{{ script }}</p>
    {#<p>过滤器之用safe:{{ script|safe }}</p>#}
    <p>过滤器之用add:{{ 1|add:'6'}}</p>
    <p>过滤器之用add:{{ 'andy'|add:' ouyang'}}</p>

    四: 模板之标签

    标签看起来像是这样的: {% tag %}。标签比变量更加复杂:一些在输出中创建文本,一些通过循环或逻辑来控制流程,一些加载其后的变量将使用到的额外信息到模版中。一些标签需要开始和结束标签 (例如{% tag %} ...标签 内容 ... {% endtag %})。

    {% for person in person_list %}
        <p>{ peson.name}</p>
    {% endfor %}

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

    遍历一个字典:

    {% for key,val in dic.items %}
        <p>{{ key }}:{{ val }}</p>
    {% endfor %}

    注:循环序号可以通过{{forloop}}显示 

    forloop.counter            The current iteration of the loop (1-indexed) 当前循环的索引值(从1开始)
    forloop.counter0           The current iteration of the loop (0-indexed) 当前循环的索引值(从0开始)
    forloop.revcounter         The number of iterations from the end of the loop (1-indexed) 当前循环的倒序索引值(从1开始)
    forloop.revcounter0        The number of iterations from the end of the loop (0-indexed) 当前循环的倒序索引值(从0开始)
    forloop.first              True if this is the first time through the loop 当前循环是不是第一次循环(布尔值)
    forloop.last               True if this is the last time through the loop 当前循环是不是最后一次循环(布尔值)
    forloop.parentloop         本层循环的外层循环

    for ... empty

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

    {% for person in person_list %}
        <p>{{ person.name }}</p>
    
    {% empty %}
        <p>sorry,no person here</p>
    {% endfor %}

    if标签

    {% if %}会对一个变量求值,如果他的值是"true"(存在,不为空且不是boolean类型的false值),对应的内容块会输出

    <% if num>=90 and num<=100%>
        <p>优秀</p>
    <% elif num>=80>
        <p>较好</p>
    <% elif num>=70>
        <p>好</p>
    <% elif num>=60>
        <p>一般</p>
    <% else >
        <p>差</p>

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

     

    with

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

    {% with total=business.employees.count %}
        {{ total }} employee{{ total|pluralize }}
    {% endwith %}
    不要写成as

    csrf_token

    {% csrf_token%}

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

    <p>模板语言之标签</p>
    {#{% for foo in li %}#}
    {#{{ forloop }}#}
    {#    <p>{{ forloop.first }}-->{{ forloop.counter }}-->{{ forloop.revcounter }}-->{{ foo }}</p>#}
    {#{% endfor %}#}
    
    {#{% for foo in li %}#}
    {#    {% for i in person_list %}#}
    {#  取出外层是第几次循环#}
    {#        {{ forloop.parentloop.counter }}#}
    {#        <p>{{ forloop.first }}--->{{ forloop.counter0 }}--->{{ forloop.revcounter }}----->{{ foo }}</p>#}
    {#    {% endfor %}#}
    {#{% endfor %}#}
    
    {#**************循环的对象是空,才会走到empty,而不是对象里面的东西为空#}
    {#{% for foo in l3 %}#}
    {#    <p>{{ foo }}</p>#}
    {#    {% empty %}#}
    {#    你是空#}
    {#    <hr>#}
    {#{% endfor %}#}
    {#只循环字典的话,得到的是key的值#}
    {#{% for foo in dict %}#}
    {#    {{ foo }}#}
    {#{% endfor %}#}
    
    
    {#循环字典的值#}
    {#{% for foo in dict.values %}#}
    {#    {{ foo }}#}
    {#{% endfor %}#}
    
    {#{% for k,v in dict.items %}#}
    {#    <p>key的值:{{ k }}</p>#}
    {#    <p>value的值:{{ v }}</p>#}
    {#{% endfor %}#}
    
    
    {#{% if user %}#}
    {#    <a href="">退出</a>#}
    {#    {% else %}#}
    {#    <a href="">登录</a>#}
    {#    <a href="">注册</a>#}
    {#{% endif %}#}
    
    {#for 循环判断如果是第一次,打印第一次,如果最后一次就打印最后一次其他打印正常值#}
    {#{% for foo in li %}#}
    {#    {% if forloop.first %}#}
    {#        <p>第一次的我:{{ foo }}</p>#}
    {#    {% elif forloop.last %}#}
    {#        <p>最后一次的我:{{ foo }}</p>#}
    {#    {% else %}#}
    {#        <p>{{ foo }}</p>#}
    {#    {% endif %}#}
    {#{% endfor %}#}
    
    
    <hr>
    <hr>
    {% with name as n %}
        {{ n }}
        {{ name }}
        {{ user }}
    {% endwith %}

    五:自定义标签和过滤器

    -自定义过滤器
                -1 先app是不是已经在setting中注册
                -2 在app下创建一个templatetags(****名字不能变***)的文件夹(模块)
                -3 在模块下创建一个py文件,名字随意:mytag.py
                -4 # 第一步,导入template
                   from django.template import Library
                   # 第二步,定义一个叫register的变量=template.Library()
                   register = Library()
                -5 写一个函数,用@register.filter(name='yyy')装饰一下(可以指定别名)
                    def str_add(str1, str2): #一定要有返回值
                        # 业务逻辑很复杂
                        return str1 + str2
                -6 在模板里:(新定定义的标签,过滤器,都要重启程序)
                    -{% load mytag %}
                    -{{'lqz'|str_add:'nb'}}
            -自定义标签:
                -1-4:前4步,根过滤器的定义完全一样
                -5 只是装饰器不一样
                @register.simple_tag()
                    def add_nb(value):
                        return value+'nb'
                -6 在模板里:(多个参数,以空格区分)
                    -{% load mytag %}
                    -{% add_nb 'lqz'%}
                

    mytag.py

    from django.template import Library
    register=Library()
    @register.filter()
    def str_add(str1,str2):
        return str1+str2
    
    @register.simple_tag()
    def add_nb(value):
        return value+'NB'

    模板层,调用

    {% load mytag %}
    {{ 'andy'|str_add:'ouyang' }}
    {% add_nb 'andy'  %}

    六:模板导入和继承

    1 模板的导入:

    我们在写好了一个努把你之后,有多张网页有同样的显示样式,就可以重复使用该模板

      

    1 写一个模板 index.html
    
    2 在其他模板里:{% include 'index.html'%}
    {# "index.html" 中写的是模板的名字 #}

    2 模板的继承

    1 写一个母版,留一个可扩展的区域(盒子),可以留多个盒子(留的越多,可扩展性越高)
      
    
    
    母板 base.html
    
    {% block content %}
        
    {%endblock %}
    
    继承母版的子模板 son.html
    
    {% extends 'base.html' %}
    
    {% block content %}
        <p>这是新模板在模板的基础上son.html添加的东西</p>
        <p>j就在这写,想添加什么就添加什么</p>
    {%endblock %}

    简而言之

    1 写一个母版,留一个可扩展的区域(盒子),可以留多个盒子(留的越多,可扩展性越高)
    {%block 名字%}
    可以写内容
    {%endblock%}
    2 在子模板中使用:
    {%block 名字%}
    子模板的内容
    {%endblock 名字%}

    3 静态文件相关

      1 写死静态文件::

    <link rel="stylesheet" href="/static/css/mycss.css">

      2 使用static标签函数

    {%load static%}
    #static 返回值,会拼上传参的路径
    {% static '传参' % }
    eg:
    <link rel="stylesheet" href="{% static '传参' % }/css/mycss.css">

      3  使用get_static_prefix 标签

    {% load static %}
    #get_static_prefix返回值是:静态文件的地址,相当于/static/
     {% get_static_prefix %}css/mycss.css
    eg:<link rel="stylesheet" href="{% get_static_prefix %}/css/mycss.css">

         

      

  • 相关阅读:
    monitor system
    monitor disk
    manage account
    windows
    backup daily
    shell 脚本编程概述
    OGNL表达式
    Struts2各个功能详解(2)-输入校验和拦截器
    struts2各个功能详解(1)----参数自动封装和类型自动转换
    Struts2源码解析2
  • 原文地址:https://www.cnblogs.com/ouyang99-/p/9937580.html
Copyright © 2020-2023  润新知