Django之模板继承

全栈程序员站长

发布于 2022-07-18 15:14:53

6920

发布于 2022-07-18 15:14:53

文章被收录于专栏：全栈程序员必看

大家好，又见面了，我是全栈君

　　为了在Django模板配置中减少代码的冗余，需使用模板继承

1. 语法

{% block classinfo %}
{% endblock}

2. 步骤

（1）创建一个base.html把需要显示的页面内容写在里面

（2）在title部分写个盒子，以后谁来扩展就在这里面添加相应的内容，即完成title.html

<title>
    {% block title %}
    {% endblock %}
</title>

（3）创建一个title.html,让title.html继承base.html

{%extends "base.html"%} #必须放在首行

　　继续添加内容：

{%block title%}blog titles{%endblock%}

（4）也可以分别在base.html或title.html中写好多盒子，方法同上

{%load staticfiles%}
<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta http-equiv="X-UA_compatible" content="IE=Edge">
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>
            {%block title%}
            {%endblock%}
        </title>
        <link rel="stylesheet" href="{% static 'css/bootstrap.css'%}">
    </head>
    <body>
        {%include 'header.html'%}
        <div class="container">
            {%block content%}
            {%endblock%}
        </div>
        {%include 'footer.html'%}
        {% block javascritp%}{%endblock%}
    </body>
</html>

注意：盒子里面可以又默认的内容，如果又默认的时候你不扩展就走默认的，如果你扩展了，就替换了，如果要实现不替换直接在后面追加的话，可以使用{% block.super%}方法 {% block menu %} 　　{{ block.super }} 　　<p>！！！</p> #先继承父类的，后插入数据 {% endblock %}

3. 总结

（1）模板继承围绕两点：继承和扩展，有什么继承什么，扩展的是盒子

（2）模板中设置的盒子越多越好，因为这样你想扩展的时候就扩展，不想扩展的时候就不扩展了

（3）为了更好的可读性，你也可以给你的{% endblock %}标签一个名字，例如：

{% block content %}
...
{% endblock content %}

（4）不能在一个模板中使用多个相同名字的block标签

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/120066.html原文链接：https://javaforall.cn

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2021年12月，如有侵权请联系 cloudcommunity@tencent.com 删除

html

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度