Как добавить раскрывающееся меню maenu в заголовок таблицы slite3 - PullRequest
Новая
       22

Как добавить раскрывающееся меню maenu в заголовок таблицы slite3

0 голосов
/ 09 июля 2019

Я занимаюсь разработкой веб-приложения на python с использованием фляги и базы данных sqlite3.Это веб-приложение для анонимных отчетов в школах.В маршруте под названием tablatestigos я хочу отобразить таблицу с информацией базы данных.Заголовками таблицы являются «Escuela», «Curso», «Victima» и «Descripcion del hecho», но я хочу сделать этот заголовок «Curso» выпадающим меню (например, заголовок Filter By), и если вы выберете дляНапример, курс 5А, он должен отображать ТОЛЬКО строки таблицы этого курса.Мне удалось правильно создать таблицу и добавить это выпадающее меню со всеми курсами в заголовке в html, но я не знаю, как правильно подключить ее к базе данных, поэтому, когда я нажимаю на определенное «curso», он показывает мне толькостроки для этого.Я не хочу, чтобы веб-страница обновлялась каждый раз при выборе курса, я хочу, чтобы это происходило динамически.

Это мой код с питоном и колбой: 

@app.route("/tablatestigos", methods=["GET", "POST"])
@login_required
def tablatestigos():
    escuela = session["user_id"]
    hechos = db.execute("SELECT * FROM testigos WHERE escuela = :escuela", escuela=session["user_id"])
    if not hechos:
        return apology("No se han recibido reportes aún.")
    return render_template("tablatestigos.html", hechos=hechos)

Вот мой HTML: 

{% extends "layout.html" %}

{% block title %}
    Reportes de Testigos
{% endblock %}

{% block main %}
    <form action="/" method="post">
        <table class="table table-striped">
        <thead>
            <tr>
                <th>Escuela</th>
                <th>Curso</th>
                <th>Victima</th>
                <th>Descripción del hecho</th>
                <th>
                  <div class="dropdown">
                    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Todos
                      <span class="caret"></span></button>
                      <ul class="dropdown-menu" name="curso">
                        {% for hecho in hechos %}
                        <li><a href="#">{{ hecho.curso }}</a></li>
                        {% endfor %}
                      </ul>
                  </div>
                </th>

            </tr>
        </thead>

        <tbody>

    {% for hecho in hechos %}
                <tr>
                    <td>{{ hecho.escuela }}</td>
                    <td>{{ hecho.curso }}</td>
                    <td>{{ hecho.victima }}</td>
                    <td>{{ hecho.hecho }}</td>

                </tr>
            {% endfor %}

        </tbody>
    </table>
    </form>

{% endblock %}

Извините, если это очень нубский вопрос, но я новичок вкодирование, и это мой первый проект веб-приложения, которое я разрабатываю.Заранее спасибо:)

...