Comment étendre le modèle de CMS Django?

Question

Je souhaite utiliser un modèle de base, puis étendre les vues partielles. extends ne fonctionne pas car il ne montre pas de balise de base du tout.

base.html

<div class="container"> 
    {% block content %} 
    {% endblock %} 
</div> 

_hello.html

{% extends 'base.html' %} 
    {% block content %} 
    <div class="container"> 
     <div class="row"> 
      <div class="col-md-12 text-center"><h2>Survey About Computer Programming</h2></div> 
     </div> 
     <div class="row"> 
      <div class="col-md-12"> 
       <h3>Programming</h3> 
       <table class="table table-bordered table-striped table-responsive"> 
        <thead> 
         <tr align="center"> 
          <th>Main</th> 
          <th class="text-center">Option1</th> 
          <th class="text-center">Option2</th> 
          <th class="text-center">Option3</th> 
         </tr> 
        </thead> 
        <tbody> 
         <tr> 
          <td>Do you love Programming?</td> 
          <td class="text-center"><input type="radio" class=""></td> 
          <td class="text-center"><input type="radio" class=""></td> 
          <td class="text-center"><input type="radio" class=""></td> 
         </tr> 
        </tbody> 
       </table> 
      </div> 
     </div> 

    </div> 
    <script src="/static/survey/js/plugin.js"></script> 
{% endblock %} 

Answer 1

vous devez mettre votre code à l'intérieur du bloc contenu. Le modèle étendu remplace les blocs dans le modèle de base.

<div class="container"> 
    {% block content %} 
    {% endblock %} 
</div> 
    {% block js_bottom %} 
    {% endblock %} 

_hello.html

{% extends 'base.html' %} 
{% block content %} 
<div class="row"> 
    <div class="col-md-12 text-center"><h2>Survey About Computer Programming</h2></div> 
</div> 
<div class="row"> 
    <div class="col-md-12"> 
     <h3>Programming</h3> 
     <table class="table table-bordered table-striped table-responsive"> 
      <thead> 
       <tr align="center"> 
        <th>Main</th> 
        <th class="text-center">Option1</th> 
        <th class="text-center">Option2</th> 
        <th class="text-center">Option3</th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr> 
        <td>Do you love Programming?</td> 
        <td class="text-center"><input type="radio" class=""></td> 
        <td class="text-center"><input type="radio" class=""></td> 
        <td class="text-center"><input type="radio" class=""></td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
</div> 
    {% endblock %} 

{% block js_bottom %} 
<script src="/static/survey/js/plugin.js"></script> 
{% endblock %} 

Answer 2

Vous nous créons Missed important whenver modèle comme celui-ci, nous devons faire tout sûr bloc comme CSS, Content, JS doit être défini proporly dans le fichier html de base. Et lorsque vous étendez ce modèle de base, vous devez encadrer votre contenu selon les besoins. Comme si vous avez besoin de mettre un peu de contenu dans la page html qui étend le code html de base appeler simplement comme suit {% block _block_name_should_be_here%} {% endblock%}

Nom du bloc peut être comme css_part, content_part, js_part qui a besoin à utiliser la page html.