python的Web框架，Django模板标签及模板的继承

时间：2019-03-22分类：Django作者：编程之家用户

<h3 id="模板标签" data-source-line="1">模板标签
<p data-source-line="3">在传递数据的时候，会有大量的数据展示在浏览器上，而数据会是动态变化的，在html的编写中，数据也是需要动态的，而不能是写死的，如果动态展示呢。

<h4 id="给定的例子数据" data-source-line="6">给定的例子数据
<p data-source-line="7">views传递数据给html

  django.shortcuts  
              
         students =             {:12,:,:19,:             {:22,:,:             {:25,:,:             {:43,:,:             {:88,:,:          
          render(request,,context=                      })

<h5 id="for循环" data-source-line="27"><span style="font-size: 18px;">for循环标签
<div class="cnblogs_code">

    
         
             
                 序列
                 姓名
                 年龄
                 性别
             
             
             
                  
                     
                     {{ stu.id}}
                     {{ stu.name }}
                     {{ stu.age }}
                     {{ stu.sex }}

<p data-source-line="54">输出的结果为： css样式有过调整，请忽略样式<span class="Apple-converted-space">

<h5 id="序号排列" data-source-line="59"><span style="font-size: 18px;">forloop:序号排列
<div class="cnblogs_code">

 
         
             
                 从1开始的正向排序
                 从0开始的正向排序
                 以1结尾的倒序
                 以0结尾的倒序
             
                  
                     
                     {{ forloop.counter}}
                     {{ forloop.counter0 }}
                     {{ forloop.revcounter }}
                     {{ forloop.revcounter0 }}

<p data-source-line="81">输出的结果为：<span class="Apple-converted-space">

 
         
             
                 从1开始的正向排序
                 从0开始的正向排序
                 以1结尾的倒序
                 以0结尾的倒序
             
              
                 
                  
                     {{ forloop.counter}}
                     {{ stu.name }}
                     {{ stu.age }}
                     {{ stu.sex }}

<p data-source-line="109">输出结果为：<span class="Apple-converted-space">

<h5 id="简单获取url" data-source-line="112"><span style="font-size: 18px;">简单获取url
<p data-source-line="113">views简单配置点击id所展示的页面

               HttpResponse( % pk)

<p data-source-line="118">对序号设置点击的跳转url

  
         
             
                 从1开始的正向排序
                 从0开始的正向排序
                 以1结尾的倒序
                 以0结尾的倒序
             
                  
                 
                     
                     <{{ forloop.counter}}
                     {{ stu.name }}
                     {{ stu.age }}
                     {{ stu.sex }}

<p data-source-line="141"><span class="Apple-converted-space">点击序列为1的网址显示：

<h5 id="url-动态获取url返回一个命名views中path里面的name了的url的绝对路径" data-source-line="147"><span style="font-size: 18px;"><span style="font-size: 18pt;">url标签：动态获取url，返回一个命名(views中path里面的name的值)了的URL的绝对路径
<div class="cnblogs_code">

 
         
             
                 从1开始的正向排序
                 从0开始的正向排序
                 以1结尾的倒序
                 以0结尾的倒序
             
                  
                     
                       <{{ forloop.counter}}
                     {{ stu.name }}
                     {{ stu.age }}
                     {{ stu.sex }}

<h5 id="for-in-empty-判断空置渲染默认的" data-source-line="172"><span style="font-size: 14pt;">for in empty 判断空置渲染默认的
<div class="cnblogs_code">

  
      
 
 {% emdfor %}

<h5 id="with类似于as" data-source-line="184"><span style="font-size: 14pt;">with：类似于as
<p data-source-line="185">第一种写法：

   {% endwith %}

<p data-source-line="191">第二种写法

    {% endwith %}

<h5 id="autoescape-转义开关-同过滤器的safe" data-source-line="199"><span style="font-size: 14pt;">autoescape 转义开关同过滤器的safe
<div class="cnblogs_code">

   {% endautoescape %}

<h3 id="模板的引入" data-source-line="210">模板的引入
<p data-source-line="212">include 模板的引入，把写好的html模板添加到我们需要的html中，在html代码中添加

<h3 id="模板的继承" data-source-line="225"><span style="font-size: 18pt;">模板的继承
<h5 id="extends继承标签extends代买写在html的最上面首行在此行下面的代码无效" data-source-line="227"><span style="font-size: 14pt;">extends继承标签：extends代买写在html的最上面，首行，在此行下面的代码无效。
<p data-source-line="228">被引入的内容写在block中

     
     {% extends 'teacher/base.html'%}

<h5 id="block自定义标签在模板html中挖坑" data-source-line="234"><span style="font-size: 14pt;">block自定义标签：在模板html中挖坑
<p data-source-line="235">base模板文件.html

    
     
      
         
         模板内的数据
      
     
      {% endblock %}

<p data-source-line="254">被引入的html文件，css，js，html代码都是此种方法写入。对应上面的模板

       
       
      
          我是被展示的数据
      
          
     {% endblock %}

<p data-source-line="274">总结：

<pre data-source-line="276"><code class="hljs">模板标签语法：
<div class="cnblogs_code">

      
     {% tag 参数 参数 %} 例如 url

python的Web框架，Django模板标签及模板的继承

相关推荐