我如何在 Flask 中将具有大量数据的渲染 tamplete 保存到其他路由

Question

我在尝试使用我的网页上的新链接创建模式时遇到困难。 我希望 model 出现在搜索到的数据之上。

我不能使用 session，因为数据不是 json 可序列化的。

@app.route('/search/<string:subject_in_box>', methods=['POST', 'GET'])
def show_data_subject(subject_in_box):
    if request.method == 'POST':
        subject_in_box = request.form['subject'].upper()
        search_by_subject = Collegiate.query.filter_by(subject=subject_in_box).order_by(Collegiate.available.desc()).all()
        return render_template(r'show_data.html', data=search_by_subject, subject_search=subject_in_box)
    elif request.method == 'GET':
        search_by_subject = Collegiate.query.filter_by(subject=subject_in_box).order_by(Collegiate.available.desc()).all()
        return render_template(r'show_data.html', data=search_by_subject, subject_search=subject_in_box)


@app.route('/search/<string:subject_in_box>/<int:row_id>')
def modal_popup(row_id, subject_in_box):
    return render_template('modal.html')

show_data.html

  <table id="example" class="table table-striped table-bordered table-hover" cellspacing="0" width="100%">
    <thead>
      <tr>
        <!--<th class="th-sm">xxxxxx</th>-->
        <!--<th class="th-sm">xxxxx</th>-->
        <th class="th-sm">xxxx</th>
        <th class="th-sm">xxx xxxOfer</th>
        <th class="th-sm">xxxx xxxvagas</th>
        <th class="th-sm">xxxx</th>
      </tr>
    </thead>
    <tbody>
      {% for item in data %}
        <tr class="clickable"
        onclick="window.location='{{url_for('modal_popup', row_id=item.row_id, subject_in_box=subject_search)}}'">
          <!--<td>{{ item.collegiate }}</td>-->
          <!--<td>{{ item.subject }}</td>-->
          <td>{{ item.classes }}</td>
          <td>{{ item.offered }}</td>
          <td>{{ item.demand }}</td>
          <td>{{ item.available }}</td>
        </tr>
      {% endfor %}
    </tbody>
  </table>

Answer 1

如果我理解正确，您的问题是单击某个项目会呈现 modal.html 并且原始页面在该模式页面后面不可见？

在没有看到 html 文件的情况下，很难确定您需要做什么。 或者没有任何错误信息。 但是，您可以根据自己的情况尝试以下 3 种方法：

一

如果您的modal.html文件包含与 show_data.html 相同的show_data.html内容加上某种模态 window 那么您需要在modal_popup路由的返回语句中添加相同的数据

所以沿着这些方向：

@app.route('/search/<string:subject_in_box>/<int:row_id>')
def modal_popup(row_id, subject_in_box):
    search_by_subject = Collegiate.query.filter_by(subject=subject_in_box).order_by(Collegiate.available.desc()).all()
    return render_template('modal.html', data=search_by_subject, subject_search=subject_in_box)

二

如果不是，并且您的modal.html文件仅包含模态部分的 html，您可以看看这个 stackoverflow 问题Open a new page as modal window

三

重组您的show_data.html以包含模态及其数据。 例如使用 bootstrap 的模式https://getbootstrap.com/docs/5.3/components/modal/那么你将不再需要你的modal.html文件。