共计 851 个字符,预计需要花费 3 分钟才能阅读完成。
模板的继承
模板里写入 {%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>
效果如下
正文完