今天开始我们讲讲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 语句提交给数据库,这样就完成了添加的功能。
友情提示:“无量测试之道”原创著作,欢迎关注交流,禁止第三方不显示文章来源时转载。