Django模板的继承

最新推荐文章于 2024-01-14 15:52:39 发布

柠檬茶oline

最新推荐文章于 2024-01-14 15:52:39 发布

阅读量90

点赞数

分类专栏： django

本文链接：https://blog.csdn.net/weixin_44307721/article/details/96289147

版权

django 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

模板的继承

模板里写入{%block %}开头,{% 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>

效果如下
在这里插入图片描述

柠檬茶oline

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Django模板的继承

模板的继承模板里写入{%block %}开头,{% endblock %}结尾字段，代表可以被继承以下是dd.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <st...
复制链接

扫一扫