flask如何完成数据库内容在html页面上的显示以及相应数据的删除

问题描述：

数据库元组为（id，keyword），现在要把keyword显示在html中，每个keyword后面跟一个删除按钮，点击删除按钮，在数据库中删除对应的元组

解决：

①显示

利用template往html中传两个参数，一个id列表，一个对应的keyword列表，利用jinja2模板显示在html中

②删除

i=loop.index0可以看作for i in range(0,len(keysid)

相当于从零开始获取keywords的id

解决的代码如下

<table class="table table-striped">
<thead>
<tr>
<th>Keywords</th>
<th>Operation</th>
</tr>
</thead>
<tbody>
{% for item in keywords %}
<tr>
<td name="{{item}}">{{item}}</td>
<td><button onclick="delete_key({{keysid[loop.index0]}})">delete</button></td>
</tr>
{% endfor %}
</tbody>
</table>

js的代码如下

function delete_key(r){
alert("delete Successfully");
form=document.getElementById("operation");
form.action="deleteKeyWords/"+r;
form.method="post";
form.submit();
}