xone

  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 :: 管理 ::
django继承

 一个html页面只能继承一个模版

 

{% extends 'xxx.html' %}在子页面导入后用{% block content %} {% endblock %}进行继承。

{% include 'xxx.html' %}在子页面导入后直接显示xxx.html里的内容。

 

 

模版master.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %} {% endblock %}</title>
    <link rel="stylesheet" href="/static/commons.css" />
    <style>
        .pg-header{
            height: 50px;
            background-color: seashell;
            color: green;
        }
    </style>
    {% block css %} {% endblock %}
</head>
<body>
    <div class="pg-header">小男孩管理</div>
    {% block content %}
    <div>
        <a>asdf</a>
        <a id="">asdf</a>
        <a>asdf</a>
        <a>asdf</a>
        <a>asdf</a>
    </div>
    <iframe src="/"></iframe>
    
    {% endblock %}
    {% block js %}{% endblock %}
</body>
</html>

 

继承模版

{% extends 'master.html' %}

{% block title %}用户管理{% endblock %}

{% block content %}
    <h1>用户管理</h1>
    <ul>
        {% for i in u %}
            <li>{{ i }}</li>
        {% endfor %}
    </ul>

    {% for i in u %}
        {% include 'tag.html' %}
    {% endfor %}

{% endblock %}

{% block css %}
    <style>
        body{
            background-color: red;
        }
    </style>
{% endblock %}

{% block js %}
    <script></script>
{% endblock %}

 

posted on 2017-04-14 15:07  周小百  阅读(230)  评论(0)    收藏  举报