如何用Flas动态显示模式窗口和发送数据

2024-10-03 09:13:56 发布

您现在位置：Python中文网/ 问答频道 /正文
8765 3

我试图在用户单击哪个项目时动态地插入模式窗口html代码，否则我会在html中加载所有项目的模式窗口代码。我在从Flask/Sql加载的模式窗口中也有一些输入，我想让用户更新它们中的任何一个，所以我需要在单击提交按钮时将数据发送回python。但是现在因为我有太多的模态窗口（即使它们有单独的id），我无法找到实现这一点的方法

这是我的代码：

routes.py

@app.route('/viewApart', methods=['GET', 'POST'])
def viewApart():
  apts = []
  getApts = db.engine.execute("SELECT * FROM apartments")
  for a in getApts:
      apts.append((a))
  rooms = []
  getRooms = db.engine.execute("SELECT * FROM rooms")
  for r in getRooms:
      rooms.append((r))
  return render_template('apartments.html', title=_('Apartments'), apts=apts, rooms=rooms)

公寓.html

^{pr2}$

现在，即使有多个模型窗口，我也可以在模式窗口中显示当前数据，所以我想在点击btnSubmit按钮时实现这一点，我需要将所有输入值发送回python，这样我就可以更新sql或插入新的sql。如果需要更多代码，请告诉我。。在

谢谢


Tags： 数据项目代码用户executedbhtml模式
1条回答
网友
1楼 · 发布于 2024-10-03 09:13:56

如果我正确地理解了你的问题-你的页面的框架版本应该是这样的

<!DOCTYPE html>
<html>
<body>
<p>INTRODUCING MY AWESOME SITE AND 2 DIVS YOU CAN CLICK</p>

<div id="apt_1_modal">
  <input id="apt_1_text"></input>
  <a onclick="myFunction(event)">Submit</a>
</div>

<div id="apt_2_modal">
  <input id="apt_2_text"></input>
  <a onclick="myFunction(event)">Submit</a>
</div>

</body>
</html>

您将需要JavaScript来处理用户交互-脚本将如下所示。您可以将此脚本直接附加到render_template输出中，也可以将其附加为文件。在

该脚本将做两件事-首先捕获用户输入的内容，然后将数据发送到flask

^{pr2}$

现在您需要一个可以处理userInput数据的函数

后端

^{3}$

我希望我已经给了你一个如何去做的想法-你肯定要改变捕捉userInput的方式，调整fetch调用，并在你的{}api中发送/捕获额外的数据。在

相关问题 更多 >

    编程相关推荐