Django开发(七)---模板语言继承

使用{% block content %}来包裹需要改变的地方，其它不变。

{#    其它地方不变，使用block包裹需要改变的地方#}
        {% block content %}

            <h1>Weclome to China</h1>

        {% endblock %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .nav {
            line-height: 40px;
            width: 100%;
            background-color: midnightblue;
            color: white;
            font-size: 20px;
            text-align: center;
        }

        .left, .content {
            float: left;
        }

        .left {
            width: 20%;
            min-height: 600px;
            overflow: auto;
            background-color: lightgray;


        }

        .manage {
            text-align: center;
            padding: 20px 0px;
            margin: 20px 0;
            font-size: 18px;

        }

        .content {
            width: 70%;
            min-height: 600px;
            text-align: center;

        }

        a {
            text-decoration: none;
        }

    </style>
</head>
<body>
<div class="outer">
    <div class="nav">标题</div>
    <div class="left">
        <div class="s manage"><a href="/student/">学生管理</a></div>
        <div class="tm manage"><a href="">老师管理</a></div>

        <div class="cm manage"><a href="">课程管理</a></div>
        <div class="clm manage"><a href="">班级管理</a></div>


    </div>

    <div class="content">
{#    其它地方不变，使用block包裹需要改变的地方#}
        {% block content %}

            <h1>Weclome to China</h1>

        {% endblock %}
    </div>
</div>
</body>
</html>

继承：通过{% extends url %}继承页面，通过改变{% block content %}包裹的内容实现子类的自定义

{{ block.super }}继承父类的block的东西


{#继承extend.html页面，必须放在首行#}
{% extends 'extend.html' %} 

{% block content %}
{#    继承父类block的东西#}
    {{ block.super }}
{#    子类的特性#}
    {% for student in stu_list %}
        <h2>学生{{ student }}</h2>
    {% endfor %}
{% endblock %}

Django开发(七)---模板语言继承

猜你喜欢