模板的继承

模板里写入{%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>

效果如下:

clipboard.png

多个模板的引入

我们可以用{%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>

效果如下

clipboard.png


lemon
44 声望2 粉丝

人生苦短,我用python,shell,java