zoukankan      html  css  js  c++  java
  • Django之模板

    模板

    MTV,View(urls.py和views.py合并),Model(和数据库打交道),Template(将从数据库获取的数据渲染到页面),

    分层的目的是解耦

    模板的内容有:变量  常用标签 过滤器  模板结构优化  静态文件加载

    详解模板

    模板查找路径配置:

    在项目的settings.py文件中。有一个TEMPLATES配置,这个配置包含了模板引擎的配置,模板查找路径的配置,模板上下文的配置等。模板路径可以在两个地方配置。

    1. DIRS:这是一个列表,在这个列表中可以存放所有的模板路径,以后在视图中使用render或者render_to_string渲染模板的时候,会在这个列表的路径中查找模板。

    2. APP_DIRS:默认为True,这个设置为True后,会在INSTALLED_APPS的安装了的APP下的templates文件加中查找模板。

    3. 查找顺序:比如代码render('list.html')。先会在DIRS这个列表中依次查找路径下有没有这个模板,如果有,就返回。如果DIRS列表中所有的路径都没有找到,那么会先检查当前这个视图所处的app是否已经安装,如果已经安装了,那么就先在当前这个app下的templates文件夹中查找模板,如果没有找到,那么会在其他已经安装了的app中查找。如果所有路径下都没有找到,那么会抛出一个TemplateDoesNotExist的异常

    模板是html页面里面的特殊符号,可以视为占位符,用来动态填充不同的数据,

    有自己特殊的语法标记,需要记忆,记不住要知道怎么查怎么用。

    变量相关用{{变量名}}

    逻辑相关用{% %}

    点(.)在模板语言里有特殊含义,用来获取对象属性值,例如person.name,如果person是一个字典,name就是key;如果person是对象,name就是属性或方法。既然可以是方法或者属性,必须注意person如果是字典对象,那么key不能和他内置的方法名重复,一旦添加就会进行value覆盖。

    说白了DTL也是用python写的。

    如果person.1就会判断是不是序列,例如列表,元组或其他可以用下标获取数据的对象,如果都不是就返回一个空串。

    DTL绝对不能出现[]和()。

    DTLDjango Template Language是Django自带的模板语言

    DTL与普通的HTML文件的区别:DTL模板是一种带有特殊语法的HTML文件,这个HTML文件可以被Django编译,可以传递参数进去,实现数据动态化。在编译完成后,生成一个普通的HTML文件,然后发送给客户端。

    常用标签

    所有的标签都需要用标签符号{% %}进行包裹

    1-if标签

    {% if "张三" in persons %}
         <p>张三</p>
     {% else %}
         <p>李四</p>
     {% endif %}

    2-for...in...标签

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

    如果想要反向遍历,那么在遍历的时候就加上一个reversed

    {% for person in persons reversed %}
         <p>{{ person.name }}</p>
     {% endfor %}
    

      遍历字典的时候,需要使用itemskeysvalues等方法。在DTL中,执行一个方法不能使用圆括号的形式。遍历字典示例代码如下

    {% for key,value in person.items %}
         <p>key:{{ key }}</p>
         <p>value:{{ value }}</p>
     {% endfor %}

    for循环中,DTL提供了一些变量可供使用。这些变量如下:

    • forloop.counter:当前循环的下标。以1作为起始值。
    • forloop.counter0:当前循环的下标。以0作为起始值。
    • forloop.revcounter:当前循环的反向下标值。比如列表有5个元素,那么第一次遍历这个属性是等于5,第二次是4,以此类推。并且是以1作为最后一个元素的下标。
    • forloop.revcounter0:类似于forloop.revcounter。不同的是最后一个元素的下标是从0开始。
    • forloop.first:是否是第一次遍历。
    • forloop.last:是否是最后一次遍历。
    • forloop.parentloop:如果有多个循环嵌套,那么这个属性代表的是上一级的for循环。

    3-for...in...empty标签

    这个标签使用跟for...in...是一样的,只不过是在遍历的对象如果没有元素的情况下,会执行empty中的内容。示例代码如下

     {% for person in persons %}
         <li>{{ person }}</li>
     {% empty %}
         暂时还没有任何人
     {% endfor %}
    

    4-with标签:在模版中定义变量。有时候一个变量访问的时候比较复杂,那么可以先把这个复杂的变量缓存到一个变量上,以后就可以直接使用这个变量就可以了。示例代码如下

    context = {
         "persons": ["张三","李四"]
     }
    
     {% with lisi=persons.1 %}
         <p>{{ lisi }}</p>
     {% endwith %}

    有几点需要强烈的注意:

    • with语句中定义的变量,只能在{%with%}{%endwith%}中使用,不能在这个标签外面使用。
    • 定义变量的时候,不能在等号左右两边留有空格。比如{% with lisi = persons.1%}是错误的。
    • 还有另外一种写法同样也是支持的:
      {% with persons.1 as lisi %}
            <p>{{ lisi }}</p>
        {% endwith %}

    5-url标签

    在模版中,我们经常要写一些url,比如某个a标签中需要定义href属性。当然如果通过硬编码的方式直接将这个url写死在里面也是可以的。但是这样对于以后项目维护可能不是一件好事。因此建议使用这种反转的方式来实现,类似于django中的reverse一样。示例代码如下:

    <a href="{% url 'book:list' %}">图书列表页面</a>

    如果url反转的时候需要传递参数,那么可以在后面传递。但是参数分位置参数和关键字参数。位置参数和关键字参数不能同时使用。示例代码如下

     # path部分
         path('detail/<book_id>/',views.book_detail,name='detail')
    
         # url反转,使用位置参数
         <a href="{% url 'book:detail' 1 %}">图书详情页面</a>
    
         # url反转,使用关键字参数
         <a href="{% url 'book:detail' book_id=1 %}">图书详情页面</a>

    如果想要在使用url标签反转的时候要传递查询字符串的参数,那么必须要手动在在后面添加。示例代码如下:

         <a href="{% url 'book:detail' book_id=1 %}?page=1">图书详情页面</a>
    

    如果需要传递多个参数,那么通过空格的方式进行分隔。示例代码如下:

         <a href="{% url 'book:detail' book_id=1 page=2 %}">图书详情页面</a>

    渲染模板

    django还提供了一个更加简便的方式,直接将模板渲染成字符串和包装成HttpResponse对象一步到位完成。示例代码如下:

    from django.shortcuts import render
     def book_list(request):
         return render(request,'list.html')
    

     这是渲染的没有数据的模板,有数据的则用参数context传入字典即可。字典的key是html中变量的名字,value是传入的后台数据的变量名,或者就传真实数据,是实际渲染的数据。

    fliter

    除了内置的变量,逻辑表达式之外,Dtl里面还有filter,本质就是函数,对后台传到模板里面的数据进行再处理,例如字符串全部大写。

    既然是函数,那么就有内置函数和自定义函数。

    {{ value|add:"2" }}

     

    看十遍不如自己写一遍!巩固基础,纵横开拓!
  • 相关阅读:
    Centos7源码安装mysql及读写分离,互为主从
    Linux简介及Ubuntu安装
    CentOS7 IP自动获取
    memcached总结
    CentOS7安装iptables防火墙
    centos 7.0 mono&Jexus V5.5.3安装
    设置背景模糊效果
    vue 动画过渡
    sticky footer
    设置最低高度为100%
  • 原文地址:https://www.cnblogs.com/gyxpy/p/12014003.html
Copyright © 2011-2022 走看看