Циклы For в HTML-таблицах (for var in var)

Я пытаюсь вывести некоторые значения базы данных на HTML-страницу.

html-код проходит через цикл for, который подсчитывает количество значений описания.

Однако он печатает всю базу данных для каждой записи Дебета, Кредита и номера счета.

Я почти уверен, что проблема внутри структуры цикла for, пожалуйста, помогите.

Home.html:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0" crossorigin="anonymous">
{% extends "main/base.html"%}

{% block content%}
<h1> Kyle Database </h1>
<h2>Trial Balance</h2>

<br>
<br>

<table>
  <th>Account</th>
  <th>Description</th>
  <th>Debit</th>
  <th>Credit</th>
  {% for descriptions in description %}
    <tr>
     <td>{{ descriptions.accountNo }}</td>
     <td>{{ descriptions.description }}</td>
     <td>{{ descriptions.debit }}</td>
     <td>{{ descriptions.credit }}</td>
    </tr>
{% endfor %}
</table>
{% endblock %}

Views.py:

def home(request):

    return render(request , 'main/home.html')

def Kyletrb(request):

    desc = "SELECT Description FROM [Kyle].[dbo].[_btblCbStatement] WHERE Account <> ''"

    cursor = cnxn.cursor();
    cursor.execute(desc);
    description = [tup[0] for tup in cursor.fetchall()]

    accNo = "SELECT Account FROM [Kyle].[dbo].[_btblCbStatement] WHERE Account <> ''"

    cursor.execute(accNo);
    accountNo = [tup[0] for tup in cursor.fetchall()]

    deb = "SELECT Debit FROM [Kyle].[dbo].[_btblCbStatement] WHERE Account <> ''"

    cursor.execute(deb);
    debit = [tup[0] for tup in cursor.fetchall()]

    cred = "SELECT Debit FROM [Kyle].[dbo].[_btblCbStatement] WHERE Account <> ''"

    cursor.execute(cred);
    credit = [tup[0] for tup in cursor.fetchall()]

    return render(request , 'main/Kyletrb.html' , {"description":description , "accountNo":accountNo , "debit":debit , "credit":credit})

Выход : enter image description here

Попробуйте этот код

{% for description in description %}
  <tr>
   <td>{{ description.accountNo }}</td>
   <td>{{ description.description }}</td>
   <td>{{ description.debit }}</td>
   <td>{{ description.credit }}</td>
  </tr>
  {% endfor %}

Вы дважды используете одно и то же имя переменной в цикле for.

Обычно это было бы

for(description in descriptions)

Обратите внимание на разницу во множественности.

Вы можете заменить цикл for следующим кодом. и я надеюсь, что он будет работать.

{% for desc in description %}
  <tr>
   <td>{{ desc.accountNo }}</td>
   <td>{{ desc.description }}</td>
   <td>{{ desc.debit }}</td>
   <td>{{ desc.credit }}</td>
  </tr>
{% endfor %}

и убедитесь, что у вас есть те же объекты моделей, которые указаны в вашем HTML шаблоне

Please try as below.

{% for description in descriptions %}
     <tr>
         <td>{{ description.accountNo }}</td>
         <td>{{ description.description }}</td>
         <td>{{ description.debit }}</td>
         <td>{{ description.credit }}</td>
     </tr>
{% endfor %}

Прежде всего, вы можете сделать простой запрос на все данные сразу (как вы это сделали в последнем запросе). Я бы составил список dicts следующим образом:

def Kyletrb(request):
    all = "SELECT Description, Account ,Credit,Debit FROM [Kyle].[dbo].[_btblCbStatement] WHERE Account <> ''"
    cursor.execute(all);
    xAll = cursor.fetchall()
    cursor.close()
    xAll_l = []
    for row in xAll:
        rdict = {}
        rdict["Description"] = row[0]
        rdict["Account"] = row[1]
        rdict["Credit"] = row[2]
        rdict["Debit"] = row[3]
        xAll_l.append(rdict)
    return render(request , 'main/Kyletrb.html' , {"xAlls":xAll_l})

После этого вы можете сделать цикл for в шаблоне:

<table>
  <th>Account</th>
  <th>Description</th>
  <th>Debit</th>
  <th>Credit</th>
  {% for xAll in xAlls %}
    <tr>
      <td>{{ xAll.Description }}</td>
      <td>{{ xAll.Account }}</td>
      <td>{{ xAll.Debit }}</td>
      <td>{{ xAll.Credit }}</td>
    </tr>
  {% endfor %}
</table>

Я разобрался с проблемой форматирования .

Вместо таблицы я использовал теги 'div' для каждого столбца

.html :

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0" crossorigin="anonymous">
{% extends "main/base.html"%}

{% block content%}
<h1>Kyle Database Trial Balance</h1>
<br>
<div class="container">
<div class="row mb-0">

<div class="col">
<h3>Account</h3>
{% for accountNo in accountNo %}
    <p  style="font-size:10px">{{ accountNo }}</p>
{% endfor %}
</div>

<div class="col-4">
  <h3>Description</h3>
{% for description in description %}
    <p  style="font-size:10px">{{ description }}</p>
{% endfor %}
</div>

<div class="col">
<h3>Debit</h3>
{% for debit in debit %}
  <p  style="font-size:10px">{{ debit }}</p>
{% endfor %}
</div>

<div class="col">
<h3>Credit</h3>
{% for credit in credit %}
  <p  style="font-size:10px">{{ credit }}</p>
{% endfor %}
</div>

</div>
</div>
{% endblock %}

Выход : enter image description here

Вернуться на верх