内容简介:我们都知道当浏览器去访问一个地址时,Http协议会像后台传递一个request对象。这个request对象包含了请求头、请求参数、以及请求方式,当然后台可以取到request。然后进行逻辑处理。在flask中,request对象是一个全局的,在任何地方都可以使用。我们写一个接受个人信息的接口,也就是视图函数。我们新建一个名为
我们都知道当浏览器去访问一个地址时,Http协议会像后台传递一个request对象。这个request对象包含了请求头、请求参数、以及请求方式,当然后台可以取到request。然后进行逻辑处理。
在flask中,request对象是一个全局的,在任何地方都可以使用。
二、GET请求
我们写一个接受个人信息的接口,也就是视图函数。我们新建一个名为 register.html
的模板,在模板里写如下表单:
- action:表示要提交到的地址
- method:请求方式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="/center/add" method="get"> 用户名:<input type="text" name="name"><br> 年龄:<input type="text" name="age"><br> 爱好:吃<input type="checkbox" name="hobby" value="吃"> 喝<input type="checkbox" name="hobby" value="喝"> 玩<input type="checkbox" name="hobby" value="玩"> 乐<input type="checkbox" name="hobby" value="乐"><br> <input type="submit" value="提交"> </form> </body> </html> 复制代码
后台这个时候需要写两个视图,一个视图用于显示注册页面,一个视图用于处理前端传过来的参数:
from flask import Flask, request, render_template app = Flask(__name__) @app.route('/') # 代表首页 def index(): # 视图函数 return render_template('register.html') @app.route('/center/add') # 代表个人中心页 def center(): # 视图函数 if request.method == 'GET': # 请求方式是get name = request.args.get('name') # args取get方式参数 age = request.args.get('age') hobby = request.args.getlist('hobby') # getlist取一键多值类型的参数 return "姓名:%s 年龄:%s 爱好:%s" % (name, age, hobby) app.config['DEBUG'] = True if __name__ == '__main__': # 0.0.0.0代表任何能代表这台机器的地址都可以访问 app.run(host='0.0.0.0', port=5000) # 运行程序 复制代码
我们在浏览器访问一下:
当我们点击提交后:
可以看到我们后后已经接到前端参数,并展示到浏览器上了。
三、POST请求
登录和注册都会使用Post请求,谁也不希望自己的一些敏感信息在浏览器的地址上显示。那我们把刚才的列子刚改Post请求,齐前端只需要把表单里面的method改下就行:
method="post" 复制代码
后台需要改的地方有两个地方:
- 请求方法:默认是get请求
- 参数提前:把args改成form
from flask import Flask, request, render_template app = Flask(__name__) @app.route('/') # 代表首页 def index(): # 视图函数 return render_template('register.html') @app.route('/center/add', methods=['GET', 'POST']) # 支持get、post请求 def center(): # 视图函数 if request.method == 'GET': # 请求方式是get name = request.args.get('name') # args取get方式参数 age = request.args.get('age') hobby = request.args.getlist('hobby') # getlist取一键多值类型的参数 return "姓名:%s 年龄:%s 爱好:%s" % (name, age, hobby) elif request.method == 'POST': name = request.form.get('name') # form取post方式参数 age = request.form.get('age') hobby = request.form.getlist('hobby') # getlist取一键多值类型的参数 return "姓名:%s 年龄:%s 爱好:%s" % (name, age, hobby) app.config['DEBUG'] = True if __name__ == '__main__': # 0.0.0.0代表任何能代表这台机器的地址都可以访问 app.run(host='0.0.0.0', port=5000) # 运行程序 复制代码
当我们点击提交后:
可以看到我们后台已经接到前端参数,并展示到浏览器上了。并且我们传递的参数不在浏览器地址上拼接了,这样做的好处可以隐藏参数。
如果是Pos方式t我们完全可以把视图函数合成一个:
- 前端:form表单可以不写action,代表要提交当前地址上
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form method="post"> 用户名:<input type="text" name="name"><br> 年龄:<input type="text" name="age"><br> 爱好:吃<input type="checkbox" name="hobby" value="吃"> 喝<input type="checkbox" name="hobby" value="喝"> 玩<input type="checkbox" name="hobby" value="玩"> 乐<input type="checkbox" name="hobby" value="乐"><br> <input type="submit" value="提交"> </form> </body> </html> 复制代码
- 后端:根据请求方式处理不同操作
from flask import Flask, request, render_template app = Flask(__name__) @app.route('/register', methods=['GET', 'POST']) # 支持get、post请求 def register(): # 视图函数 if request.method == 'GET': # 请求方式是get return render_template('register.html') # 返回模板 elif request.method == 'POST': name = request.form.get('name') # form取post方式参数 age = request.form.get('age') hobby = request.form.getlist('hobby') # getlist取一键多值类型的参数 return "姓名:%s 年龄:%s 爱好:%s" % (name, age, hobby) app.config['DEBUG'] = True if __name__ == '__main__': # 0.0.0.0代表任何能代表这台机器的地址都可以访问 app.run(host='0.0.0.0', port=5000) # 运行程序 复制代码
我们访问浏览器地址为: http://0.0.0.0:5000/register
四、上传文件
上传文件也是我们经常用到的功能,前端上传一张文件,然后后端处理保存到服务器上。 文件这种类型属于多媒体类型资源。前端form表单里面需要加 enctype="multipart/form-data"
。我们新建一个名 upload.html
模板 模板里面写如下代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="" method="post" enctype="multipart/form-data"> <input type="file" name="file"> <input type="submit" value="上"> </form> </body> </html> 复制代码
我们重新新建一个 upload.py
文件,并在此文件的目录创建一个名 media
的文件夹,用来放我们上传的图片:
upload.py
文件里面代码如下:
from flask import Flask, request, render_template, redirect, url_for from werkzeug.utils import secure_filename import os from flask import send_from_directory app = Flask(__name__) UPLOAD_FOLDER = 'media' ALLOWED_EXTENSIONS = set(['txt', 'pdf', 'png', 'jpg', 'jpeg', 'gif']) app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER # 判断上传的文件是否是允许的后缀 def allowed_file(filename): return "." in filename and filename.rsplit('.', 1)[1].lower() in ALLOWED_EXTENSIONS @app.route("/upload", methods=['GET', 'POST']) def upload(): if request.method == 'GET': # 请求方式是get return render_template('upload.html') # 返回模板 else: if "file" not in request.files: return redirect(request.url) file = request.files.get('file') # 获取文件 if file.filename == '': return redirect(request.url) if file and allowed_file(file.filename): filename = secure_filename(file.filename) # 用这个函数确定文件名称是否是安全 (注意:中文不能识别) file.save(os.path.join(app.config['UPLOAD_FOLDER'], filename)) # 保存文件 return redirect(url_for('show', filename=filename)) # 展示图片 @app.route('/show/<filename>') def show(filename): # send_from_directory可以从目录加载文件 return send_from_directory(app.config['UPLOAD_FOLDER'], filename) if __name__ == '__main__': # 0.0.0.0代表任何能代表这台机器的地址都可以访问 app.run(host='0.0.0.0', port=5000, debug=True) # 运行程序 复制代码
我们在浏览器访问一下:
选择一张电脑上的图片,然后点击上传:
并且也可以看到前端上传的图片已经保存到我们的media文件夹下。 欢迎关注我的公众号:
以上所述就是小编给大家介绍的《Flask框架从入门到精通之Request(六)》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:- Genesis框架从入门到精通(7): 框架的过滤器
- Genesis框架从入门到精通(10): 样式函数
- Flask框架从入门到精通之扩展脚本(十五)
- Flask框架从入门到精通之模型查询(十三)
- Flask框架从入门到精通之Response(七)
- Flask框架从入门到精通之异常处理(十)
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
测试驱动的JavaScript开发
Christian Johansen / 赵勇、程德、凌杰、高博 / 机械工业出版社 / 2012-2-9 / 69.00元
本书是一本完整的、基于最佳实践的JavaScript敏捷测试指南,同时又有着测试驱动开发方法(TDD)所带来的质量保证。领先一步的JavaScript敏捷开发者Christian Johansen的讨论涵盖了将最先进的自动化测试用于JavaScript开发环境的方方面面,带领读者走查整个开发的生命周期,从项目启动到应用程序部署。本书的主要内容包括:掌握自动化测试和TDD;构建有效的自动化测试工作流......一起来看看 《测试驱动的JavaScript开发》 这本书的介绍吧!