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

前端之家收集整理的这篇文章主要介绍了python的Web框架,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


<div class="cnblogs_code">

  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"> 


<p data-source-line="54"><span class="Apple-converted-space">

<img src="/res/2019/03-02/09/5c88540af97796e9990abdbf20f2fedd.png" alt="">

<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"> 


<p data-source-line="81"><span class="Apple-converted-space">

<img src="/res/2019/03-02/09/189adade551a3bcc940e891c078fb0ed.png" alt="">

<h5 id="if判断" data-source-line="85"><span style="font-size: 18px;"><span style="font-size: 14pt;"><span style="font-size: 18pt;">if:if判断
<div class="cnblogs_code">

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

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


<p data-source-line="109"><span class="Apple-converted-space">

<img src="/res/2019/03-02/09/fa03cff0e29c8edb11d9ae283d2a8357.png" alt="">

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


<div class="cnblogs_code">

               HttpResponse( % pk)

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


<div class="cnblogs_code">

  
         
             
                 从1开始的正向排序
                 从0开始的正向排序
                 以1结尾的倒序
                 以0结尾的倒序
             
                  
                 
                     标签放在a标签内,在路径的配置上,写上路径然后把字典中的id做动态匹配就会得到需要的id。
                     <{{ forloop.counter}}
                     {{ stu.name }}
                     {{ stu.age }}
                     {{ stu.sex }}
                 
          
     

<p data-source-line="141">输出结果:<span class="Apple-converted-space"> 


<p data-source-line="141"><span class="Apple-converted-space">

<img src="/res/2019/03-02/09/9ece91a2d7f27fe44a445ddc242b02e2.png" alt="">

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


<p data-source-line="145">

<img src="/res/2019/03-02/09/7eb2444d768c91d5c65b5c5ce4d8d1a0.png" alt="">

<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结尾的倒序
             
                  
                     
 标签,动态生成对应的url网址,此处的'teacher:st_id'
                      <{{ 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">第一种写法:


<div class="cnblogs_code">

   {% endwith %}

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


<div class="cnblogs_code">

    {% endwith %}

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

   {% endautoescape %}

添加到我们需要的html中,在HTML代码添加

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


<p data-source-line="218"><span class="Apple-converted-space">

<img src="/res/2019/03-02/09/cdc7f4afc95f32ee505a82f9079847ff.png" alt="">


标签extends代买写在html的最上面首行在此行下面的代码无效" data-source-line="227">标签:extends代买写在html的最上面,首行,在此行下面的代码无效。

内容写在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


<div class="cnblogs_code">

    
     
 自定义名称) %}
     
         标签,就默认展示模板内的数据,如果有,就展示当前html的内容数据。
         模板内的数据
      
     底部定义写js的坑
      {% endblock %}

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


<div class="cnblogs_code">

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

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


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

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

<pre data-source-line="276"><code class="hljs"> 

猜你在找的Django相关文章