利用include引入模板文件
一般的网页都有头部（header），底部（footer），然后这些部分通常是不会变的，所以在Django中可以利用include引入模板文件，如我的头部文件是：
header.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Hello www.lanol.cn</title> </head>
底部文件是:
footer.html
<div class="footer"> <p>这是Lan的小站的底部文件</p> </div>
然后首页文件只需要这样写就可以了：
index.html
{% include 'header.html' %}
<div class="content">
<h1>这是首页文件</h1>
</div>
{% include 'footer.html' %}
默认include标签包含模版，会自动的使用主模版中的上下文，也即可以自动的使用主模版中的变量。如果想传入一些其他的参数，那么可以使用with语句。示例代码如下：
# header.html
<p>Website：{{ username }}</p>
# main.html
{% include "header.html" with Website='www.lanol.cn' %}利用extends继承模板文件
extends可以直接引用整个文件
比如base.html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>这是base模板</h1> </body> <div class="footer"> <p>这是Lan的小站的底部文件</p> </div> </html>
然后index.html只需要一句就可以了:
{% extends 'base.html' %}
需要注意的是：extends标签必须放在模版的第一行。
子模板中的代码必须放在block中，否则将不会被渲染。
利用block修改继承的目标文件
如果我们需要修改base.html的内容，我们需要在base.html中加一个block，代码中的content为自己起的名字，可以根据需求改
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>这是base模板</h1>
</body>
<div class="footer">
{% block content %}
{% endblock %}
</div>
</html>然后在index中就可以修改了。
{% extends 'base.html' %}
{% block content %}
<h1>这是block插入</h1>
{% endblock %}
评论 (0)