德扬戈。如何使引导折叠循环

Question

您能帮助我们更好地处理页面的许多类似引导折叠吗

我有12个类似的折叠，其中折叠标题是模型字段的详细名称，折叠文本是模型字段值

<div class="col-md-12 col-lg-10 mx-auto mb-3">
  <div class="accordion md-accordion" id="accordionEx" role="tablist" aria-multiselectable="true">
    <div class="card border-top border-bottom-0 border-left border-right border-light">
      <div class="card-header border-bottom border-light" role="tab" id="heading" style="background-color:#DDDFDF;">
        <a data-toggle="collapse" data-parent="#accordionEx" href="#collapse" aria-expanded="true" aria-controls="collapse">
          <h5 class="black-text font-weight-normal mb-0">
            Title of collapse where i want get verbose_name of model
          </h5>
        </a>
      </div>
      <div id="collapse" class="collapse" role="tabpanel" aria-labelledby="heading" data-parent="#accordionEx">
        <div class="card-body">
          Some text where i want get value of model field
        </div>
      </div>
    </div>
  </div>
</div>

我如何为这个模型创建循环，并从模型字段中替换名称和值，而不是创建12个类似的代码块

Answer 1

你可以像这样使用内置的django模板标记

{% for field in model %}
    <div class="col-md-12 col-lg-10 mx-auto mb-3">
  <div class="accordion md-accordion" id="accordionEx" role="tablist" aria-multiselectable="true">
    <div class="card border-top border-bottom-0 border-left border-right border-light">
      <div class="card-header border-bottom border-light" role="tab" id="heading" style="background-color:#DDDFDF;">
        <a data-toggle="collapse" data-parent="#accordionEx" href="#collapse" aria-expanded="true" aria-controls="collapse">
          <h5 class="black-text font-weight-normal mb-0">
            {{ field.name }}
          </h5>
        </a>
      </div>
      <div id="collapse" class="collapse" role="tabpanel" aria-labelledby="heading" data-parent="#accordionEx">
        <div class="card-body">
          {{ field.text }}
        </div>
      </div>
    </div>
  </div>
</div>
{% endfor %}    

注意：确保你正确缩进我刚才复制了你的答案

此外，您还必须将应用程序的views.py文件中的上下文传递给模板，以便在其中循环

您可以阅读更多关于django内置标记Here