前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >关于django html block继承模板不想显示个别内容块的处理办法

关于django html block继承模板不想显示个别内容块的处理办法

作者头像
小海怪的互联网
发布2021-11-24 14:45:44
9560
发布2021-11-24 14:45:44
举报

今天在做一个网站项目时候发现了一个问题,就是模板中有个别通用的内容块不想在某个页面中显示,找了一圈没有找到很好的办法,后面通过琢磨找到了解决的方法。 模板的代码: base.html

代码语言:javascript
复制
        <div id="proc_breadcrumb">
            <div class="container mt-2">
                    <nav aria-label="breadcrumb">
                      <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="index.html">首页</a></li>
                        {% block cur_bread_page %}

                        {% endblock %}
                      </ol>
                    </nav>
            </div>
        </div>

以上代码如果不做特殊处理在进行模板继承的时候,会默认显示全部的内容,但是我不想在页面中显示此块的内容,只想在需要的页面中显示,所以在模板文件中在相应的内容块外增加一个外层的 block 坑块,代码如下:

代码语言:javascript
复制
{% block cur_breadcrumb %}
        <div id="proc_breadcrumb">
            <div class="container mt-2">
                    <nav aria-label="breadcrumb">
                      <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="index.html">首页</a></li>
                        {% block cur_bread_page %}

                        {% endblock %}
                      </ol>
                    </nav>
            </div>
        </div>
{%endblock%}

然后在模板继承的时候:

  • 在需要的页面中只需要重写内容的内容,代码如下: about.html
代码语言:javascript
复制
{% block cur_bread_page %}
    <li class="breadcrumb-item active" aria-current="page">自己的内容</li>
{% endblock %}
  • 在不需要的页面中只写外层的block标签内容留空,这样内层的内容就不会显示了,代码如下: indexl.hmtl
代码语言:javascript
复制
{% block cur_title %}
<title>馨美优-主页</title>
{% endblock %}

{% block cur_breadcrumb %}

{% endblock %}

这只是我一个新手遇到的一个坑,如有刚好也遇到此问题的 猿友们,希望对你们帮助!!

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2021/10/1 下,如有侵权请联系 cloudcommunity@tencent.com 删除

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

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

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档