使用django模板根据扩展页面显示不同的html div块

Question

我使用django的扩展模板功能构建了一个网页。因此，我有一个base.html，我有搜索字段，我想根据扩展base.html的网页进行不同的显示。下面是我要显示的字段：

相应的代码是：

<div class="row"> 
     <div class="container-fluid col-md-offset-9 col-md-3"> 
      <a href="../posts/newpost/" class="btn btn-info" role="button"> 
       <span class="glyphicon glyphicon-education" aria-hidden="true"></span> Buton 
     </a> 
     </div> 
     </div> 

     <div class="container-fluid"> 
    <h1 id="Titre" align="center">Title </h1><br> 
    </div> 

    <div class="col-md-12" style="height:100px;"></div> 

<form class="form-inline text-center" action="{% url 'posts:postsearch' %}" id="form-searchLessons"> 
    <div class="form-group"> 
    <input type="text" class="form-control input-lg" id="typeCours" list="matieres" placeholder="Keyword" name="discipline" autocomplete="off"> 
    </div> 
    <div class="form-group"> 
    <input type="text" class="form-control input-lg" id="Localisation" placeholder="Lieu." 
      name="localisation" onFocus="geolocate()"> 
    </div> 
    <button type="submit" class="btn btn-default btn-lg" id="btn-getLessons"> 
    <span class="glyphicon glyphicon-search" aria-hidden="true"></span> Trouver ! 
    </button> 
</form> 
</div> 

在第1页的情况下，我想要的字段出现像上面的图像。 然后，如果我从第2页扩展base.html文件，这应该是这样的：

目前我写一个完整的不同页面：

<div class="container-fluid"> 
    <div class="row reduced_search-bar"> 
     <div class="col-lg-9"> 

     <form class="form-inline"> 
      <div class="form-group"> 
      <input type="text" class="form-control" id="typeCours" placeholder="Keyword"> 
      </div> 
      <div class="form-group"> 
      <input type="text" class="form-control" id="Localisation" placeholder="Lieu"> 
      </div> 
      <button type="submit" class="btn btn-default"> 
      <span class="glyphicon glyphicon-search" aria-hidden="true"></span> Trouver ! 
      </button> 
     </form> 
     </div> 
     <div class="col-lg-3"> 
       <a href="{% url 'posts:add' %}" class="btn btn-info" role="button"> 
        <span class="glyphicon glyphicon-education" aria-hidden="true"></span> Buton ? 
       </a> 
     </div> 
    </div> 
</div> 

我想要什么，是让这一切代码放在一个base.html中。根据我是从page1还是page2进行扩展，我的打印方式会有所不同。

Answer 1

如果我理解正确的话，你可以通过从您的视图一个额外的背景下，这将决定显示哪些代码：

# views.py 
from django.shortcuts import render 

def page1(request): 
    return render(request, 'page1.html') 

def page2(request): 
    return render(request, 'page2.html', {'page2': True}) 

# base.html 
{% if page2 %} 
    # Necessary code for page 2 
{% else %} 
    # Necessary code for other pages 
{% endif %} 

# page1.html 
{% extends 'base.html' %} 

# page2.html 
{% extends 'base.html' %}