编辑和删除 HTML 表中的行

Question

我正在使用 flask 并且有一个 app.route 获取以表单提交的数据并将其添加到 AWS RDS mysql 数据库上的数据库中。

@app.route('/insert',methods = ['post'])    
def insert():

if request.method == 'POST':
    name = request.form['name']
    email = request.form['email']
    gender = request.form['optradio']
    comment = request.form['comment']
    db.insert_details(name,email,comment,gender)
    all_details = db.all_data()
    for all_detail in all_details:
        return render_template('index.html',all_details= all_details)
    details = db.get_details()

我的数据库.py：

     import pymysql
     import aws_credentials as rds
     conn = pymysql.connect (host='A_RDS_DATABASE.amazonaws.com',
                    user='user',
                    password='Password',
                    database='DB',
                    )

    def insert_details(name,email,comment,gender):
    cur=conn.cursor()
    cur.execute("INSERT INTO Details (name,email,comment,gender) VALUES (%s,%s,%s,%s)",(name,email,comment,gender) 
    conn.commit()

我有一个 HTML 表，其中列出了数据库中的所有行：

   <table class="GeneratedTable">
      <thead>
      <tr>

       <th>ID</th>
       <th>Name</th>
       <th>Email</th>
       <th>Gender</th>
       <th>Comment</th>

      </tr>
     </thead>

   <tbody>

      <tr>

     {% for row in all_details %}

      <td>{{row[0]}}</td>
      <td>{{row[1]}}</td>
      <td>{{row[2]}}</td>
      <td>{{row[3]}}</td>
      <td>{{row[4]}}</td>

     </tr>

  {% endfor %}

我希望能够编辑一行并在数据库中更新它并从数据库中删除一行。

我已经尝试对此进行研究，但我真的很难找到解决方案，因此我将不胜感激。

Answer 1

使用您提供的有限信息，我只能帮助您这么多。 您尝试运行的代码不会像您期望的那样在循环中使用该 return 语句。

return render_template('index.html', all_details=all_details)

在循环中使用 return 语句将有效地打破循环并返回在第一个索引处找到的数据。 处理此问题的最佳方法是将整个数据库查询结果 object 发送到模板。

all_details = db.all_data()
return render_template('index.html' , all_details=all_details)

然后，在您的模板中，以与您所做的类似的方式进行处理。 下面我假设all_details返回一个字典或字典，如 object。

{% for details in all_details %}
<tr>
  <td>{{ details.id }}</td>
  <td>{{ details.name }}</td>
  <td>{{ details.email }}</td>
  <td>{{ details.comment }}</td>
  <td>{{ details.gender }}</td>
 </tr>
{% endfor %}

这样做将解析all_details object 并为每个项目创建一个<tr> ，并填充您的数据。 在 Jinja2 中，您还可以使用details['name']获取字典值。 您可能需要测试以查看哪些有效。

如果您打算使用 forms，我强烈建议您使用flask-WTF 。 这将对处理 forms 和验证有很大帮助。

您基本上需要将数据库数据填写到<input>标签中。 这将使它们可编辑。

之后，您的表单应该有两个具有不同值的提交按钮，例如：

<input type="submit" name="submit_button" value="Edit">
<input type="submit" name="submit_button" value="Delete">

在您的主要 function 中，您将必须检查按下的是哪个并运行一些功能来满足您的需要。

@app.route('/insert',methods = ['post'])    
def insert():

    if request.method == 'POST':

        if request.form['submit_button'] == 'Edit':
        # function that handles the editing of your entry goes here

        if request.form['submit_button'] == 'Delete':
        # function that handles the deletion of your entry goes here