前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Python + Flask 项目开发实践系列《二》

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

作者头像
Wu_Candy
发布2022-07-04 17:27:04
2800
发布2022-07-04 17:27:04
举报
文章被收录于专栏:无量测试之道

今天开始我们讲讲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 (){
            $('#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 部分

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

代码语言: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()

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

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-07-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 无量测试之道 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档