zoukankan      html  css  js  c++  java
  • 第三十四节 使用模板继承优化模板代码重复问题

    views.py 代码部分

    1 from django.shortcuts import render,HttpResponse,redirect,reverse
    2 from datetime import datetime
    3 
    4 def test_view(request):
    5     context = {
    6         'today1':datetime.now(),
    7     }
    8     return render(request, 'test.html', context=context)

    父模板内容 base.html

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title></title>
     6 </head>
     7 <style>
     8     .box1{
     9         width: 500px;
    10         height: 300px;
    11         background-color: gold;
    12         margin: 20px auto;
    13     }
    14 </style>
    15 
    16 <body>
    17     <div>
    18         <ul>
    19             <li>首页1</li>
    20             <li>首页2</li>
    21             <li>首页2</li>
    22         </ul>
    23     </div>
    24     <br>
    25     <div class="box1">
    26         {% block 'box2' %}
    27             {{ today1|my_time }}
    28         {% endblock %}
    29     </div>
    30     <br>
    31     <div>
    32         <ul>
    33             <li>底部1</li>
    34             <li>底部2</li>
    35             <li>底部2</li>
    36         </ul>
    37     </div>
    38 
    39 </body>
    40 </html>

    子模板部分代码 test.html

    1 {% extends 'base.html' %}
    2 <!-- extend标签必须放在字模板的第一行 -->
    3 {% block 'box2' %}
    4     {{ block.super }}
    5     <!-- block.super标签可以继承父模板内原有的内容 -->
    6     这是子模板内的内容
    7 {% endblock %}

    pycharm截图

  • 相关阅读:
    zoj 3693, 卡精度
    zoj 3690, 计数 dp , 快速幂
    hdu 1496,枚举
    zoj 2399, 哈弗曼编码
    poj 2560,mst
    poj 2007, 乱搞,计算几何
    bnu 29064, 期望 水题
    img,bg
    垂直居中,定位的方法
    .reverse ,join,split区分
  • 原文地址:https://www.cnblogs.com/kogmaw/p/12450661.html
Copyright © 2011-2022 走看看