Django. Как сделать l oop на bootstrap развал

Question

Можете ли вы помочь лучше обработать множество похожих bootstrap сворачиваний для страницы?

У меня есть 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>

Как я могу сделать l oop для этой модели и заменить имя и значение из поля модели вместо создания 12 аналогичных блоков кода?

Answer 1

U может использовать встроенные теги шаблонов 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 приложения, чтобы пройти через него l oop.

вы можете узнать больше о django встроенных тегах Здесь