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 οnclick="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();
	}