Django模板继承

最新推荐文章于 2025-05-06 14:16:25 发布

垢浪_明珠

最新推荐文章于 2025-05-06 14:16:25 发布

阅读量242

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/yht2004123/article/details/88629102

博客介绍了HTML模板继承相关内容。base.html预留块供子模板重写，child.html作为子模板继承base.html，可通过{{ block.super }}显示父模板内容，体现了前端开发中模板继承的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.base.html,预留块，以便于继承的子模板重写

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>{% block title %}Base{% endblock title %}</title>
</head>
<body>
<h1>头部</h1>

{% block b1 %}
    <p>我自己的</p>
{% endblock b1 %}

{% block b2 %}

{% endblock b2 %}

<h2>底部</h2>
</body>
</html>

2.child.html子模板，继承base.html，{{ block.super }}显示父模板中的内容

{% extends 'good/base.html' %}
{% block title %}C1{% endblock title %}{# 继承标题 #}

{% block b1 %}
    {{ block.super }}{# 继承父模板默认内容 #}
    <p>重新写</p>
{% endblock b1 %}