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>