include
和extends
都可以用来复用对应的模板。
区别在于,include
一般复用的是一个网页的部件;而extends
一般复用的是一整个网页内容,根据自己需求再修改block
里面的内容。
使用示例。创建test1.html
文件,用于放置extends
模板文件;创建test2.html
,用于放置include
模板文件;创建test3.html
用于复用test1.html
、test2.html
。
注意:include
需放置在block
中方能生效。
test1.html
模板文件:
{% comment %} test1.html {% endcomment %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>我是使用extend的文件</h1>
{% block contain %}{% endblock contain %}
</body>
</html>
</html>
test2.html
模板文件:
{% comment %} test2.html {% endcomment %}
<ul>
<li>旧电脑</li>
<li>旧冰箱</li>
<li>洗衣机</li>
<li>热水器</li>
<li>旧手机</li>
</ul>
test3.html
文件:
{% comment %} test3.html {% endcomment %}
{% extends 'test1.html' %}
{% block contain %}
{% include 'test2.html' %}
<p>我是test3.html中的内容</p>
{% endblock contain %}
运行结果如下。
我是使用extend的文件
- 旧电脑
- 旧冰箱
- 洗衣机
- 热水器
- 旧手机
我是test3.html中的内容