如何扩展Django CMS模板？

我想使用基础模板，然后扩展部分视图。 extends不起作用，因为它根本没有显示基本标记。如何扩展Django CMS模板？

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 %}

来源

2017-02-12 Volatil3

请显示您的代码。 –

这里没有粘贴，但'块'已经提到，没有区别。 – Volatil3

你必须把你的代码块内容内。扩展模板将覆盖基本模板中的块。

<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 %}

来源

2017-02-12 09:52:45 FeedTheWeb

更新了问题。 BLocks已经包含在文件中。 – Volatil3

好吧，这是你的问题的答案。顺便说一句，你在你的设计中创建了一个双“容器”div。 – FeedTheWeb

你错过重要的事情whenver我们这样创建模板，我们必须确保如CSS，内容每个块，JS必须proporly在基本HTML文件中定义。当你扩展这个基本模板时，你必须按照需求构建你的内容。就像如果你需要把它扩展了基础HTML代码的HTML页面的一些内容简单地调用如下 {％块_block_name_should_be_here％} {％端块％}

块名称可能会像css_part，content_part，js_part这就需要用于html页面。

来源

2017-02-12 10:12:44

这是一个Django CMS插件，并且所有页眉页脚已经存在。 – Volatil3

如何扩展Django CMS模板？

回答

相关问题