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