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

2022-07-04 17:27:39 浏览数 (1)

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

Step1:html 部分

代码语言:javascript复制
<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部分

代码语言: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 部分

代码语言:javascript复制
@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部分

代码语言:javascript复制
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 语句提交到数据库,当你点击【取消】按钮时,就相当于是放弃了删除操作。

友情提示:“无量测试之道”原创著作,欢迎关注交流,禁止第三方不显示文章来源时转载。

0 人点赞