Django模板的继承

37次阅读

共计 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>

效果如下

正文完
 0