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

欢迎关注【无量测试之道】公众号，回复【领取资源】,
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 (){
            $('#adds').click(function () {
                $('#pageid').hide();//隐藏分页标签
                $('#mainbody').html(table1);
                $( "#add" ).click(function() {
                    var pms_name=$('#pms_name').val();
                    var content = $('#content').val();
                    var status = $('#status').val();
                    var mark = $('#mark').val();
                    // document.getElementById("apiadd").disabled = false;
                    $("#add").attr('disabled',true);
                    // alert(demands)
                    data={data: JSON.stringify({"pms_name":pms_name, "content":content, "status":status, "mark":mark})};
                    // alert(data);
                    $.ajax({
                        type: "post",
                        dataType : 'json',
                        async: false,
                        url: "/adds",
                        data: data,
                        success: function(){
                            alert("添加成功！！！");
                            location.href="info.html";
                        },
                        error: function (){
                            alert("添加失败！！！");
                        }
                    })
                });
            })
})

 

Step3：Python+Flask 部分

@app.route('/adds',methods=['post'])
def addApi():
    datas = json.loads(request.form.get('data'))
    print(datas)
    createtime = time.strftime("%Y-%m-%d %H:%M:%S", time.localtime())
    sql = "insert into flask_info (pms_name,content,status,mark,create_time) VALUES "
    data = "('" + datas['pms_name'] + "','" + datas["content"] + "','" + datas["status"] + "','" + datas["mark"] + "','" + str(createtime) + "'"
    end = data + ")"
    sql = sql + end
    execute_sql(sql)
    return "200"

 

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()

最后添加页面与提交后的页面如下图所示：

总结：这篇文章主要就是点击“添加”按钮后，渲染一个添加的页面，然后在页面上填写相关的信息再提交，后端就会接收到请求，将相关信息组织成一个insert 语句提交给数据库，这样就完成了添加的功能。

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

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