母版的继承 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/static/utils/bootstrap-3.3.7-dist/css/bootstrap.css">
    <title>Title</title>
    <style>
        .head {
            height: 60px;
            background: #1b6d85;
        }
        .content{
            margin-top: 10px;
        }
    </style>
</head>
<body>

<div class="head"></div>
<div class="container-fluid content">
    <div class="row">
        <div class="col-md-3">

           {% include 'left.html' %}


        </div>
        <div class="col-md-9">
            <div class="right_top" style="height: 70px;background: pink">
                {% block content_top %}
                
                {% endblock %}
            </div>
            <div class="right_top" style="height: 70px;background: #3e8f3e">

            </div>


           {% block content %}
                我是母版的内容
            {% endblock %}


        </div>
    </div>
</div>

</body>
</html>
{% extends 'base.html' %}


{% block content %}
    <p>这是9的区域</p>
    <p>这是9的区域</p>
    {{ block.super }}
    <p>这是9的区域</p>
    <p>这是9的区域</p>
    <p>这是9的区域</p>
    <p>这是9的区域</p>
    {{ block.super }}
{% endblock content%}



{% block content_top %}
    我是模版一内容頭部
{% endblock content_top%}

 

posted @ 2019-10-27 22:33  xuqidong  阅读(101)  评论(0)    收藏  举报