• 模板继承


    转载

    Django模版引擎中最强大也是最复杂的部分就是模版继承了。模版继承可以让您创建一个基本的“骨架”模版,它包含您站点中的全部元素,并且可以定义能够被子模版覆盖的 blocks 

    创建模板:

     
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            {% block style %}
            .c1{
                background-color: red;
                height: 200px;
                 200px;
            }
            {% endblock %}
        </style>
    </head>
    <body>
    
    <div class="c1">
        {% block content %}
        <p>这是模板</p>
        {% endblock %}
    </div>
    
    </body>
    </html>
     
    1
    2
    3
    4
    5
    {% block content %}
        <p>这是模板</p>
    {% endblock %}
     
    凡是被大括号包裹的内容表示,该模板被继承后这个内容可以自定义

    继承模板:

     
    <!--继承模板,必须写在最上面-->
    {% extends '模板.html' %}
    
    {% block style %}
        .c1{
            background-color: yellow;
            height: 100px;
             100px;
        }
    {% endblock style %}
    
    {% block content %}
    
        <!--保留模板内容-->
         {{ block.super }}
    
        <p>继承后重写样式</p>
    
    {% endblock content %}
     

    根据名字指定到哪里结束,使用block.super可以保留模板内容

    • 为了更好的可读性,你也可以给你的 {% endblock %} 标签一个 名字 。例如:

    {% block content %}
    ...
    {% endblock content %}  

       在大型模版中,这个方法帮你清楚的看到哪一个  {% block %} 标签被关闭了。

    • 不能在一个模版中定义多个相同名字的 block 标签。
  • 相关阅读:
    hdu 1423 LICS
    poj 1135
    poj 1112
    poj 1087
    poj 1094
    谷歌浏览器字体小于12px不能正常显示bug
    gulpfile.js配置 实现ctrl+s自动编译和刷新浏览器
    <hr>标签横线的颜色
    jQuery轮播图鼠标移入停止,移出播放,点击小横条切换图片
    最简单的jq轮播图
  • 原文地址:https://www.cnblogs.com/anthony-wang0228/p/10914226.html
Copyright © 2020-2023  润新知