python - 在 Flask 中通过 SQL 数据库格式化表

Question

我的 Flask 应用程序存在轻微的 HTML 格式问题。我正在尝试在表格中显示有关法院案件的一些数据的列表，该表格的标题为 Full Name, Type of Appeal Filed, County 。但是，我不知道如何正确组合 HTML 语法和 Flask 语法，以使表格按照我想要的方式显示。这是我的views.py :

from flask import render_template, flash, redirect, g
from app import app
from .models import Individual_Criminal
from .forms import LoginForm

@app.route('/')
@app.route('/index')
def index():
    user = [i for i in Individual_Criminal.query.order_by('type_of_appeal desc').all()]
    return render_template('index.html',
                           title='Home',
                           user=user)

和index.html :

<!-- extend base layout -->
{% extends "base.html" %}

{% block content %}
    <p>
      <table class="table table-striped">
      <thead>
      <tr>
      <th>Full Name</th>
      <th>Type of Appeal</th>
      <th>County</th>
      </tr>
      </thead>
      <tbody>
      <tr>
    {% for u in user %}
      <td>{{ u.full_name }}</td>
      <td>{{ u.type_of_appeal}}</td>
      <td> {{ u.county }}</td>
      </tr>
      </tbody>
      </table>
    </p>
    {% endfor %}
{% endblock %}

到目前为止我尝试过的:我尝试了 index.html 的多种变体文件，因为我非常肯定这就是问题所在。最初，我拥有 {% for u in user %} 中的所有内容。 block ，但这导致每次创建的表都只有一个条目，如下所示:

所以，这是错误的。然后，我尝试移动 <tbody> for 循环上方的行，因此 index.html看起来像这样:

<!-- extend base layout -->
{% extends "base.html" %}

{% block content %}
    <p>
      <table class="table table-striped">
      <thead>
      <tr>
      <th>Full Name</th>
      <th>Type of Appeal</th>
      <th>County</th>
      </tr>
      </thead>
      <tbody>
    {% for u in user %}
      <tr>
      <td>{{ u.full_name }}</td>
      <td>{{ u.type_of_appeal}}</td>
      <td> {{ u.county }}</td>
      </tr>
      </tbody>
      </table>
    </p>
    {% endfor %}
{% endblock %}

产生了这样的东西:

所以，还是错的。我的预期输出是一个类似于 attemptsno1 的表格，除了一个表格包含所有信息。非常感谢任何帮助!

Answer 1

只是基于 html 表通常如何构建的猜测(一个 tbody 和多个包含固定数量的 td 的 tr) :

    {% for u in user %}
      <tr>
      <td>{{ u.full_name }}</td>
      <td>{{ u.type_of_appeal}}</td>
      <td> {{ u.county }}</td>
      </tr>
    {% endfor %}
      </tbody>
      </table>
    </p>

{% endblock %}