加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 大数据 > 正文

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

发布时间:2020-12-15 17:16:18 所属栏目:大数据 来源:网络整理
导读:h3 id="模板标签" data-source-line="1"模板标签 p data-source-line="3"在传递数据的时候,会有大量的数据展示在浏览器上,而数据会是动态变化的,在html的编写中,数据也是需要动态的,而不能是写死的,如果动态展示呢。 h4 id="给定的例子数据" data-sour

<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="https://www.52php.cn/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="https://www.52php.cn/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="https://www.52php.cn/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结尾的倒序
             
                  
                 
                     
                     <{{ 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="https://www.52php.cn/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="https://www.52php.cn/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结尾的倒序
             
                  
                     
                       <{{ 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 %}

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


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

<img src="https://www.52php.cn/res/2019/03-02/09/cdc7f4afc95f32ee505a82f9079847ff.png" alt="">


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

    
     
      
         
         模板内的数据
      
     
      {% 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">?

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读