Django的html繼承(extends)和引入(include)用法

Django提供html網頁的繼承和引入機制,減少重複代碼

母板繼承

先寫一個母板:master.html

關鍵語法:{% block content1 %} {% endblock %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div class="pg-header">lkk</div>
    模板內容。。。。。

    在下面block和endeblock裏是可以變更的內容,注意區別命名
    <div>
    {% block content1 %} {% endblock %}
    </div>

    <div>
    {% block content2 %} {% endblock %}
    </div>

    然後其他地方都是寫好的模板,子html繼承過去不能更改。。。。。
</body>
</html>

然後在另一個html頁裏就可以繼承master,然後進行填充到母板裏去。

{% extends "master.html" %}

{% block content1 %}
    content1裏填充的內容
{% endblock %}

{% block content2 %}
    content2裏填充的內容
{% endblock %}

模板引入

有時候可以寫好一個一個的框框,然後把它引入:

先寫一個表單:tag.html

<form>
    <input type="text" placeholder="用戶名">
    <input type="submit" value="確定">
</form>

然後可以引入到別的html頁的任何位置上:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    {% include 'tag.html' %}
</body>
</html>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章