Question

我已经使用flask和bootstrap创建了一个Web应用程序。在此应用程序中，放置输入并单击提交按钮后，我要在引导模态的同一页面中显示输出或结果。但我无法正确重定向。如果有解决方案，请告诉我。这将非常有帮助。提前致谢。代码如下。

home.html

$$ = new Operation(a1, a2, OPS::ADD);

app.py

delete

Answer 1

我要说的是，在表单提交后将用户重定向到同一页面，但显示了一个模式通常不是一个好习惯（这不是很好的用户体验），我建议通过使用AJAX。

无论如何，您可以传递一个标志来告诉HTML模板渲染器是否需要显示模式。像这样：

return render_template(
  'home.html',
  prediction=model_prediction,
  show_predictions_modal=True  // This is our flag
)

然后有条件地在模板中呈现模态：

{% if show_predictions_modal %}
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
 <div class="modal-dialog modal-dialog-centered" role="document">
  <div class="modal-content">
   <div class="modal-header">
    <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
   </div>
   <div class="modal-body">
    ...
   </div>
   <div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
   </div>
  </div>
 </div>
</div>
{% endif %}

如何在烧瓶中渲染同一页面时显示引导模态

1 个答案: