模板的繼承
模板裏寫入{%block <name>%}開頭,{% endblock %}結尾字段,代表可以被繼承
以下是dd.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
h1{
color: blue;
}
</style>
</head>
<body>
{% block name %}
<h1>模板1</h1>
{% endblock %}
{% block lemon %}
<h1>模板2</h1>
{% endblock %}
{% block luoluo %}
<h1>模板3</h1>
{% endblock %}
{% block haha %}
<h1 style="color: red">模板4</h1>
{% endblock %}
{% block vae %}
<h1>模板5</h1>
{% endblock %}
</body>
</html>
在子板中引入
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
{% extends 'dd.html' %} #繼承模板
{% block name %} #對引入的模板塊進行從寫
<h1>這裏是重寫</h1>
{% endblock %}
</body>
</html>
效果如下:
多個模板的引入
我們可以用{%incule <模板>%}來引入多個模板
title.html
<h1>這是一個標題</h1>
end.html
<div><h1>結尾</h1></div>
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
{% include 'title.html' %}
<div>內容</div>
{% include 'end.html' %}
</body>
</html>
效果如下