欢迎关注【无量测试之道】公众号，回复【领取资源】,
Python编程学习资源干货、
Python+Appium框架APP的UI自动化、
Python+Selenium框架Web的UI自动化、
Python+Unittest框架API自动化、

资源和代码 免费送啦~
文章下方有公众号二维码，可直接微信扫一扫关注即可。

 

今天开始我们讲讲Flask Web实践项目开发中的删除功能是如何实现的。

Step1：html 部分

1 <div class="row" align="right">
2         主要内容：<input type='text' id='contents' name='contents'>
3         <button class="btn btn-warning" id="select">查询</button>
4         <button class="btn btn-primary" id="adds">添加</button>
5         <button class="btn btn-danger" id="delete">删除</button>
6     </div>

 

Step2：javascript部分

 1 $(function () {
 2         $("#delete").click(function () {
 3             var chk_value =[];
 4             $('input[name="testid"]:checked').each(function(){
 5                 chk_value.push($(this).val());
 6             });
 7             // alert(chk_value.length==0 ?'你还没有选择任何内容！':chk_value);
 8             if(chk_value.length != 0){
 9                 var mymessage=confirm("确定删除吗？")
10                 if(mymessage==true){
11                     // alert(chk_value)
12                     $.ajax({
13                         url:'/delete/'+chk_value,
14                         type:'POST',
15                         timeout:1000,
16                         cache:false,
17                         success:function () {
18                             alert("删除成功!!!");
19                             window.location.reload();
20                             // window.location.href='info.html';
21                         },
22                         error:function () {
23                             alert("删除失败!!!");
24                         }
25                     })
26                 }else{
27                     return false;
28                 }
29             }else{
30                 alert("你还没有选择任何要删除的内容！")
31             }
32         })
33     })

 

Step3：Python+Flask 部分

 1  
 2 @app.route('/delelte/<id>',methods=['POST'])
 3 def delete(id):
 4     list1=[int(x) for x in str(id).split(",")]
 5     # print list1
 6     if len(tuple(list1)) == 1:
 7         delsql = "delete from flask_info where id ="+str(list1[0])  +";"
 8     else:
 9         delsql = "delete form flask_info where id in " + str(tuple(list1)) + ";"
10     execute_sql(delsql)
11     return "OK"

 

Step4: db部分

1 def execute_sql(sql1):
2     db = sqlite3.connect('test_flask.db')
3     cur = db.cursor()
4     print(sql1)
5     cur.execute(sql1)
6     cur.close()
7     db.commit()
8     db.close()

删除效果如下图所示：

总结：本篇文章是讲解删除功能是如何实现的，这里我们的删除要选择需要删除的对象，在第一列里面每一行都有一个checkbox的元素，用来标注是否选中再来添加删除按钮，因为删除操作一般是危险性操作。

所以我这里给出了一个确认的提示框，当你点击【确定】时就会将delete 语句提交到数据库，当你点击【取消】按钮时，就相当于是放弃了删除操作。

备注：我的个人公众号已正式开通，致力于测试技术的分享，包含：大数据测试、功能测试，测试开发，API接口自动化、测试运维、UI自动化测试等，微信搜索公众号：“无量测试之道”，或扫描下方二维码：

 添加关注，让我们一起共同成长！