欢迎关注【无量测试之道】公众号,回复【领取资源】,
Python编程学习资源干货、
Python+Appium框架APP的UI自动化、
Python+Selenium框架Web的UI自动化、
Python+Unittest框架API自动化、
资源和代码 免费送啦~
文章下方有公众号二维码,可直接微信扫一扫关注即可。
今天开始我们讲讲Flask Web实践项目开发中的删除功能是如何实现的。
Step1:html 部分
<div class="row" align="right">
主要内容:<input type='text' id='contents' name='contents'>
<button class="btn btn-warning" id="select">查询</button>
<button class="btn btn-primary" id="adds">添加</button>
<button class="btn btn-danger" id="delete">删除</button>
</div>
Step2:javascript部分
$(function () {
$("#delete").click(function () {
var chk_value =[];
$('input[name="testid"]:checked').each(function(){
chk_value.push($(this).val());
});
// alert(chk_value.length==0 ?'你还没有选择任何内容!':chk_value);
if(chk_value.length != 0){
var mymessage=confirm("确定删除吗?")
if(mymessage==true){
// alert(chk_value)
$.ajax({
url:'/delete/'+chk_value,
type:'POST',
timeout:1000,
cache:false,
success:function () {
alert("删除成功!!!");
window.location.reload();
// window.location.href='info.html';
},
error:function () {
alert("删除失败!!!");
}
})
}else{
return false;
}
}else{
alert("你还没有选择任何要删除的内容!")
}
})
})
Step3:Python+Flask 部分
@app.route('/delelte/<id>',methods=['POST'])
def delete(id):
list1=[int(x) for x in str(id).split(",")]
# print list1
if len(tuple(list1)) == 1:
delsql = "delete from flask_info where id ="+str(list1[0]) +";"
else:
delsql = "delete form flask_info where id in " + str(tuple(list1)) + ";"
execute_sql(delsql)
return "OK"
Step4: db部分
def execute_sql(sql1):
db = sqlite3.connect('test_flask.db')
cur = db.cursor()
print(sql1)
cur.execute(sql1)
cur.close()
db.commit()
db.close()
删除效果如下图所示:
总结:本篇文章是讲解删除功能是如何实现的,这里我们的删除要选择需要删除的对象,在第一列里面每一行都有一个checkbox的元素,用来标注是否选中再来添加删除按钮,因为删除操作一般是危险性操作。
所以我这里给出了一个确认的提示框,当你点击【确定】时就会将delete 语句提交到数据库,当你点击【取消】按钮时,就相当于是放弃了删除操作。
备注:我的个人公众号已正式开通,致力于测试技术的分享,包含:大数据测试、功能测试,测试开发,API接口自动化、测试运维、UI自动化测试等,微信搜索公众号:“无量测试之道”,或扫描下方二维码:
添加关注,让我们一起共同成长!