Python + Flask 项目开发实践系列《三》

欢迎关注【无量测试之道】公众号,回复【领取资源】,
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自动化测试等,微信搜索公众号:“无量测试之道”,或扫描下方二维码:

 添加关注,让我们一起共同成长!

原文地址:https://www.cnblogs.com/Wu13241454771/p/13571457.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Jinja2:是Python的Web项目中被广泛应用的模板引擎,是由Python实现的模板语言,Jinja2 的作者也是 Flask 的作者。他的设计思想来源于Django的模板引擎,并扩展了其语法和一系列强大的功能,其是Flask内置的模板语言。
Fullcalendar日历使用,包括视图选择、事件插入、编辑事件、事件状态更改、事件添加和删除、事件拖动调整,自定义头部,加入el-popover显示图片、图片预览、添加附件链接等,支持手机显示。
监听QQ消息并不需要我们写代码,因为市面上已经有很多开源QQ机器人框架,在这里我们使用go-cqhttp官方文档:go-cqhttp如果您感兴趣的话,可以阅读一下官方文档,如果不想看,直接看我的文章即可。
【Flask框架】—— 视图和URL总结
python+web+flask轻量级框架的实战小项目。登录功能,后续功能可自行丰富。
有了这个就可以配置可信IP,关键是不需要企业认证,个人信息就可以做。
本专栏是对Flask官方文档中个人博客搭建进行的归纳总结,与官方文档结合事半功倍。 本人经验,学习一门语言或框架时,请首先阅读官方文档。学习完毕后,再看其他相关文章(如本系列文章),才是正确的学习道路。
本专栏是对Flask官方文档中个人博客搭建进行的归纳总结,与官方文档结合事半功倍。基础薄弱的同学请戳Flask官方文档教程 本人经验,学习一门语言或框架时,请首先阅读官方文档。学习完毕后,再看其他相关文章(如本系列文章),才是正确的学习道路。 如果python都完全不熟悉,一定不要着急学习框架,请首先学习python官方文档,一步一个脚印。要不然从入门到放弃是大概率事件。 Python 官方文档教程
快到年末了 相信大家都在忙着处理年末数据 刚好有一个是对超市的商品库存进行分析的学员案例 真的非常简单~
一个简易的问答系统就这样完成了,当然,这个项目还可以进一步完善,比如 将数据存入Elasticsearch,通过它先进行初步的检索,然后再通过这个系统,当然我们也可以用其他的架构实现。如果你对这系统还有其他的疑问,也可以再下面进行留言!!!
#模版继承和页面之间的调用@app.route(&quot;/bl&quot;)def bl(): return render_template(&quot;file_2.html&quot;)主ht
#form表达提交@app.route(&quot;/data&quot;,methods=[&#39;GET&#39;,&#39;POST&#39;]) #methods 让当前路由支持GET 和
#form表达提交@app.route(&quot;/data&quot;,methods=[&#39;GET&#39;,&#39;POST&#39;]) #methods 让当前路由支持GET 和
#session 使用app.secret_key = &quot;dsada12212132dsad1232113&quot;app.config[&#39;PERMANENT_SESSION_LI
#文件上传@app.route(&quot;/file&quot;,methods=[&#39;GET&#39;,&#39;POST&#39;])def file(): if request.meth
#跳转操作:redirect@app.route(&quot;/red&quot;)def red(): return redirect(&quot;/login&quot;)
#session 使用app.secret_key = &quot;dsada12212132dsad1232113&quot;app.config[&#39;PERMANENT_SESSION_LI
@app.route(&quot;/req&quot;,methods=[&#39;GET&#39;,&#39;POST&#39;])def req(): print(request.headers)
#模版继承和页面之间的调用@app.route(&quot;/bl&quot;)def bl(): return render_template(&quot;file_2.html&quot;)主ht
#文件操作:send_file,支持图片 视频 mp3 文本等@app.route(&quot;/img&quot;)def img(): return send_file(&quot;1.jpg&q