Flask是一个轻量级的基于Python的web框架。css
本文适合有必定HTML、Python、网络基础的同窗阅读。html
这份文档中的代码使用 Python 3 运行。
是的,因此读者须要本身在电脑上安装Python 3 和 pip3。建议安装最新版本,我使用的是Python 3.6.4
。
安装方法,能够自行谷歌或者百度。
建议在 linux 下实践本教程中命令行操做、执行代码。java
经过pip3安装Flask便可:python
$ sudo pip3 install Flask
进入python交互模式看下Flask的介绍和版本:linux
本节主要内容:使用Flask写一个显示”Hello World!”的web程序,如何配置、调试Flask。git
按照如下命令创建Flask项目HelloWorld:github
static
和templates
目录是默认配置,其中static
用来存放静态资源,例如图片、js、css文件等。templates
存放模板文件。
咱们的网站逻辑基本在server.py
文件中,固然,也能够给这个文件起其余的名字。web
在server.py
中加入如下内容:sql
运行server.py
:编程
打开浏览器访问http://127.0.0.1:5000/
,浏览页面上将出现Hello World!
。
终端里会显示下面的信息:
127.0.0.1 - - [16/May/2014 10:29:08] "GET / HTTP/1.1" 200 -
变量app是一个Flask实例,经过下面的方式:
当客户端访问/
时,将响应hello_world()
函数返回的内容。注意,这不是返回Hello World!
这么简单,Hello World!
只是HTTP响应报文的实体部分,状态码等信息既能够由Flask自动处理,也能够经过编程来制定。
app = Flask(__name__)
上面的代码中,python内置变量__name__
的值是字符串__main__
。Flask类将这个参数做为程序名称。固然这个是能够自定义的,好比app = Flask("my-app")
。
Flask默认使用static
目录存放静态资源,templates
目录存放模板,这是能够经过设置参数更改的:
app = Flask("my-app", static_folder="path1", template_folder="path2")
更多参数请参考__doc__
:
上面的server.py中以app.run()
方式运行,这种方式下,若是服务器端出现错误是不会在客户端显示的。可是在开发环境中,显示错误信息是颇有必要的,要显示错误信息,应该如下面的方式运行Flask:
app.run(debug=True)
将debug
设置为True
的另外一个好处是,程序启动后,会自动检测源码是否发生变化,如有变化则自动重启程序。这能够帮咱们省下不少时间。
默认状况下,Flask绑定IP为127.0.0.1
,端口为5000
。咱们也能够经过下面的方式自定义:
app.run(host='0.0.0.0', port=80, debug=True)
0.0.0.0
表明电脑全部的IP。80
是HTTP网站服务的默认端口。什么是默认?好比,咱们访问网站http://www.example.com
,实际上是访问的http://www.example.com:80
,只不过:80
能够省略不写。
因为绑定了80端口,须要使用root权限运行server.py
。也就是:
$ sudo python3 server.py
https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-001
URL参数是出如今url中的键值对,例如http://127.0.0.1:5000/?disp=3
中的url参数是{'disp':3}
。
按照如下命令创建Flask项目HelloWorld:
在server.py中添加如下内容:
在浏览器中访问http://127.0.0.1:5000/?user=Flask&time&p=7&p=8
,将显示:
ImmutableMultiDict([('user', 'Flask'), ('time', ''), ('p', '7'), ('p', '8')])
较新的浏览器也支持直接在url中输入中文(最新的火狐浏览器内部会帮忙将中文转换成符合URL规范的数据),在浏览器中访问http://127.0.0.1:5000/?info=这是爱,
,将显示:
ImmutableMultiDict([('info', '这是爱,')])
浏览器传给咱们的Flask服务的数据长什么样子呢?能够经过request.full_path
和request.path
来看一下:
浏览器访问http://127.0.0.1:5000/?info=这是爱,
,运行server.py
的终端会输出:
例如,要获取键info
对应的值,以下修改server.py
:
运行server.py
,在浏览器中访问http://127.0.0.1:5000/?info=hello
,浏览器将显示:
hello
不过,当咱们访问http://127.0.0.1:5000/
时候却出现了500错误,浏览器显示:
为何为这样?
这是由于没有在URL参数中找到info
。因此request.args.get('info')
返回Python内置的None,而Flask不容许返回None。
解决方法很简单,咱们先判断下它是否是None:
另一个方法是,设置默认值,也就是取不到数据时用这个值:
函数request.args.get
的第二个参数用来设置默认值。此时在浏览器访问http://127.0.0.1:5000/
,将显示:
hi
还记得上面有一次请求是这样的吗? http://127.0.0.1:5000/?user=Flask&time&p=7&p=8
,仔细看下,p
有两个值。
若是咱们的代码是:
在浏览器中请求时,咱们只会看到7
。若是咱们须要把p
的全部值都获取到,该怎么办?
不用get
,用getlist
:
浏览器输入 http://127.0.0.1:5000/?user=Flask&time&p=7&p=8
,咱们会看到['7', '8']
。
https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-002
做为一种HTTP请求方法,POST用于向指定的资源提交要被处理的数据。咱们在某网站注册用户、写文章等时候,须要将数据传递到网站服务器中。并不适合将数据放到URL参数中,密码放到URL参数中容易被看到,文章数据又太多,浏览器不必定支持太长长度的URL。这时,通常使用POST方法。
本文使用python的requests库模拟浏览器。
安装方法:
$ sudo pip3 install requests
按照如下命令创建Flask项目HelloWorld:
以用户注册为例子,咱们须要向服务器/register
传送用户名name
和密码password
。以下编写HelloWorld/server.py
。
`@app.route(‘/register’, methods=[‘POST’])是指url
/register只接受POST方法。能够根据须要修改
methods`参数,例如若是想要让它同时支持GET和POST,这样写:
@app.route('/register', methods=['GET', 'POST'])
浏览器模拟工具client.py
内容以下:
运行HelloWorld/server.py
,而后运行client.py
。client.py
将输出:
welcome
而HelloWorld/server.py
在终端中输出如下调试信息(经过print
输出):
前6行是client.py生成的HTTP请求头,由print(request.headers)
输出。
请求体的数据,咱们经过print(request.stream.read())
输出,结果是:
b'name=letian&password=123'
上面,咱们看到post的数据内容是:
b'name=letian&password=123'
咱们要想办法把咱们要的name、password提取出来,怎么作呢?本身写?不用,Flask已经内置了解析器request.form
。
咱们将服务代码改为:
执行client.py
请求数据,服务器代码会在终端输出:
request.form
会自动解析数据。
request.form['name']
和request.form.get('name')
均可以获取name
对应的值。对于request.form.get()
能够为参数default
指定值以做为默认值。因此:
print(request.form.get('nickname', default='little apple'))
输出的是默认值
little apple
若是name
有多个值,可使用request.form.getlist('name')
,该方法将返回一个列表。咱们将client.py改一下:
此时运行client.py
,print(request.form.getlist('name'))
将输出:
[u'letian', u'letian2']
https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-003
使用 HTTP POST 方法传到网站服务器的数据格式能够有不少种,好比「5. 获取POST方法传送的数据」讲到的name=letian&password=123
这种用过&
符号分割的key-value键值对格式。咱们也能够用JSON格式、XML格式。相比XML的重量、规范繁琐,JSON显得很是小巧和易用。
按照如下命令创建Flask项目HelloWorld:
若是POST的数据是JSON格式,request.json
会自动将json数据转换成Python类型(字典或者列表)。
编写server.py
:
编写client.py
模拟浏览器请求:
运行server.py
,而后运行client.py
,client.py
会在终端输出:
3
server.py
会在终端输出:
注意,请求头中Content-Type
的值是application/json
。
响应JSON时,除了要把响应体改为JSON格式,响应头的Content-Type
也要设置为application/json
。
编写server2.py
:
修改后运行。
编写client2.py
:
运行client.py
,将显示:
上面第一段内容是服务器的响应头,第二段内容是响应体,也就是服务器返回的JSON格式数据。
另外,若是须要服务器的HTTP响应头具备更好的可定制性,好比自定义Server
,能够以下修改add()
函数:
client2.py
运行后会输出:
使用 jsonify 工具函数便可。
https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-004
上传文件,通常也是用POST方法。
按照如下命令创建Flask项目HelloWorld:
这一部分的代码参考自How to upload a file to the server in Flask。
咱们以上传图片为例:
假设将上传的图片只容许’png’、’jpg’、’jpeg’、’gif’这四种格式,经过url/upload
使用POST上传,上传的图片存放在服务器端的static/uploads
目录下。
首先在项目HelloWorld
中建立目录static/uploads
:
mkdir HelloWorld/static/uploads
werkzeug
库能够判断文件名是否安全,例如防止文件名是../../../a.png
,安装这个库:
$ sudo pip3 install werkzeug
server.py
代码:
app.config
中的config是字典的子类,能够用来设置自有的配置信息,也能够设置本身的配置信息。函数allowed_file(filename)
用来判断filename
是否有后缀以及后缀是否在app.config['ALLOWED_EXTENSIONS']
中。
客户端上传的图片必须以image01
标识。upload_file
是上传文件对应的对象。app.root_path
获取server.py
所在目录在文件系统中的绝对路径。upload_file.save(path)
用来将upload_file
保存在服务器的文件系统中,参数最好是绝对路径,不然会报错(网上不少代码都是使用相对路径,可是笔者在使用相对路径时老是报错,说找不到路径)。函数os.path.join()
用来将使用合适的路径分隔符将路径组合起来。
好了,定制客户端client.py
:
运行client.py
,当前目录下的Lenna.jpg
将上传到服务器。
而后,咱们能够在static/uploads
中看到文件Lenna.jpg
。
要控制上产文件的大小,能够设置请求实体的大小,例如:
app.config['MAX_CONTENT_LENGTH'] = 16 * 1024 * 1024 #16MB
不过,在处理上传文件时候,须要使用try:...except:...
。
若是要获取上传文件的内容能够:
file_content = request.files['image'].stream.read()
https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-005
简单来讲,Restful URL能够看作是对 URL 参数的替代。
按照如下命令创建Flask项目HelloWorld:
编辑server.py:
运行HelloWorld/server.py
。使用浏览器访问http://127.0.0.1:5000/user/letian
,HelloWorld/server.py将输出:
而访问http://127.0.0.1:5000/user/letian/
,响应为404 Not Found。
浏览器访问http://127.0.0.1:5000/user/letian/friends
,能够看到:
Hello letian. They are your friends.
HelloWorld/server.py
输出:
由上面的示例能够看出,使用 Restful URL 获得的变量默认为str对象。若是咱们须要经过分页显示查询结果,那么须要在url中有数字来指定页数。按照上面方法,能够在获取str类型页数变量后,将其转换为int类型。不过,还有更方便的方法,就是用flask内置的转换机制,即在route中指定该如何转换。
新的服务器代码:
`@app.route(‘/page/int:num‘)`会将num变量自动转换成int类型。
运行上面的程序,在浏览器中访问http://127.0.0.1:5000/page/1
,HelloWorld/server.py将输出以下内容:
若是访问的是http://127.0.0.1:5000/page/asd
,咱们会获得404响应。
在官方资料中,说是有3个默认的转换器:
看起来够用了。
以下编写服务器代码:
在浏览器中访问http://127.0.0.1:5000/page/11-22
,HelloWorld/server.py
会输出:
自定义的转换器是一个继承werkzeug.routing.BaseConverter
的类,修改to_python
和to_url
方法便可。to_python
方法用于将url中的变量转换后供被`@app.route包装的函数使用,
to_url方法用于
flask.url_for`中的参数转换。
下面是一个示例,将HelloWorld/server.py
修改以下:
浏览器访问http://127.0.0.1:5000/page/123
后,HelloWorld/server.py
的输出信息是:
https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-006
url_for
生成连接工具函数url_for
可让你以软编码的形式生成url,提供开发效率。
按照如下命令创建Flask项目HelloWorld:
编辑HelloWorld/server.py
:
运行HelloWorld/server.py
。而后在浏览器中访问http://127.0.0.1:5000/test
,HelloWorld/server.py
将输出如下信息:
https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-007
redirect
函数用于重定向,实现机制很简单,就是向客户端(浏览器)发送一个重定向的HTTP报文,浏览器会去访问报文中指定的url。
按照如下命令创建Flask项目HelloWorld:
使用redirect
时,给它一个字符串类型的参数就好了。
编辑HelloWorld/server.py
:
运行HelloWorld/server.py
,在浏览器中访问http://127.0.0.1:5000/test1
,浏览器的url会变成http://127.0.0.1:5000/test2
,并显示:
this is test2
https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-008
模板引擎负责MVC中的V(view,视图)这一部分。Flask默认使用Jinja2模板引擎。
Flask与模板相关的函数有:
这其中经常使用的就是前两个函数。
这个实例中使用了模板继承、if判断、for循环。
按照如下命令创建Flask项目HelloWorld:
内容以下:
变量user_info
应该是一个字典,for循环用来循环输出键值对。
内容以下:
render_template()
函数的第一个参数指定模板文件,后面的参数是要传递的数据。
运行HelloWorld/server.py:
$ python3 HelloWorld/server.py
在浏览器中访问http://127.0.0.1:5000/user
,效果图以下:
查看网页源码:
https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-009
要处理HTTP错误,可使用flask.abort
函数。
创建Flask项目
按照如下命令创建Flask项目HelloWorld:
代码
编辑HelloWorld/server.py
:
效果
运行HelloWorld/server.py
,浏览器访问http://127.0.0.1:5000/user
,效果以下:
要注意的是,HelloWorld/server.py
中abort(401)
后的print
并无执行。
代码
将服务器代码改成:
page_unauthorized
函数返回的是一个元组,401 表明HTTP 响应状态码。若是省略401,则响应状态码会变成默认的 200。
效果
运行HelloWorld/server.py
,浏览器访问http://127.0.0.1:5000/user
,效果以下:
https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-010
session用来记录用户的登陆状态,通常基于cookie实现。
下面是一个简单的示例。
按照如下命令创建Flask项目HelloWorld:
HelloWorld/server.py
内容以下:
app.secret_key
用于给session加密。
在/login
中将向用户展现一个表单,要求输入一个名字,submit后将数据以post的方式传递给/do_login
,/do_login
将名字存放在session中。
若是用户成功登陆,访问/show
时会显示用户的名字。此时,打开firebug等调试工具,选择session面板,会看到有一个cookie的名称为session
。
/logout
用于登出,经过将session
中的user_name
字段pop便可。Flask中的session基于字典类型实现,调用pop方法时会返回pop的键对应的值;若是要pop的键并不存在,那么返回值是pop()
的第二个参数。
另外,使用redirect()
重定向时,必定要在前面加上return
。
进入http://127.0.0.1:5000/login
,输入name,点击submit:
进入http://127.0.0.1:5000/show
查看session中存储的name:
下面这段代码来自Is there an easy way to make sessions timeout in flask?:
这段代码将session的有效时间设置为5分钟。
https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-011
Cookie是存储在客户端的记录访问者状态的数据。具体原理,请见 http://zh.wikipedia.org/wiki/Cookie 。 经常使用的用于记录用户登陆状态的session大可能是基于cookie实现的。
cookie能够借助flask.Response
来实现。下面是一个示例。
按照如下命令创建Flask项目HelloWorld:
修改HelloWorld/server.py
:
由上能够看到,可使用Response.set_cookie
添加和删除cookie。expires
参数用来设置cookie有效时间,它的值能够是datetime
对象或者unix时间戳,笔者使用的是unix时间戳。
res.set_cookie(key='name', value='letian', expires=time.time()+6*60)
上面的expire参数的值表示cookie在从如今开始的6分钟内都是有效的。
要删除cookie,将expire参数的值设为0便可:
res.set_cookie('name', '', expires=0)
set_cookie()
函数的原型以下:
set_cookie(key, value=’’, max_age=None, expires=None, path=’/‘, domain=None, secure=None, httponly=False)
Sets a cookie. The parameters are the same as in the cookie Morsel object in the Python standard library but it accepts unicode data, too.
Parameters:
key – the key (name) of the cookie to be set.
value – the value of the cookie.
max_age – should be a number of seconds, or None (default) if the cookie should last only as long as the client’s browser session.
expires – should be a datetime object or UNIX timestamp.
domain – if you want to set a cross-domain cookie. For example, domain=”.example.com” will set a cookie that is readable by the domain www.example.com, foo.example.com etc. Otherwise, a cookie will only be readable by the domain that set it.
path – limits the cookie to a given path, per default it will span the whole domain.
运行HelloWorld/server.py
:
$ python3 HelloWorld/server.py
使用浏览器打开http://127.0.0.1:5000/add
,浏览器界面会显示
add cookies
下面查看一下cookie,若是使用firefox浏览器,能够用firebug插件查看。打开firebug,选择Cookies
选项,刷新页面,能够看到名为name
的cookie,其值为letian
。
在“网络”选项中,能够查看响应头中相似下面内容的设置cookie的HTTP「指令」:
Set-Cookie: name=letian; Expires=Sun, 29-Jun-2014 05:16:27 GMT; Path=/
在cookie有效期间,使用浏览器访问http://127.0.0.1:5000/show
,能够看到:
{'name': 'letian'}
https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-012
Flask的闪存系统(flashing system)用于向用户提供反馈信息,这些反馈信息通常是对用户上一次操做的反馈。反馈信息是存储在服务器端的,当服务器向客户端返回反馈信息后,这些反馈信息会被服务器端删除。
下面是一个示例。
按照如下命令创建Flask项目HelloWorld:
内容以下:
运行服务器:
$ python3 HelloWorld/server.py
打开浏览器,访问http://127.0.0.1:5000/gen
,浏览器界面显示(注意,时间戳是动态生成的,每次都会不同,除非并行访问):
access at 1404020982.83
查看浏览器的cookie,能够看到session
,其对应的内容是:
.eJyrVopPy0kszkgtVrKKrlZSKIFQSUpWSknhYVXJRm55UYG2tkq1OlDRyHC_rKgIvypPdzcDTxdXA1-XwHLfLEdTfxfPUn8XX6DKWCAEAJKBGq8.BpE6dg.F1VURZa7VqU9bvbC4XIBO9-3Y4Y
再一次访问http://127.0.0.1:5000/gen
,浏览器界面显示:
access at 1404021130.32
cookie中session
发生了变化,新的内容是:
.eJyrVopPy0kszkgtVrKKrlZSKIFQSUpWSknhYVXJRm55UYG2tkq1OlDRyHC_rKgIvypPdzcDTxdXA1-XwHLfLEdTfxfPUn8XX6DKWLBaMg1yrfCtciz1rfIEGxRbCwAhGjC5.BpE7Cg.Cb_B_k2otqczhknGnpNjQ5u4dqw
而后使用浏览器访问http://127.0.0.1:5000/show1
,浏览器界面显示:
['access at 1404020982.83', 'access at 1404021130.32']
这个列表中的内容也就是上面的两次访问http://127.0.0.1:5000/gen
获得的内容。此时,cookie中已经没有session
了。
若是使用浏览器访问http://127.0.0.1:5000/show1
或者http://127.0.0.1:5000/show2
,只会获得:
[]
flash系统也支持对flash的内容进行分类。修改HelloWorld/server.py
内容:
某一时刻,浏览器访问http://127.0.0.1:5000/gen
,浏览器界面显示:
access at 1404022326.39
不过,由上面的代码能够知道,此时生成了两个flash信息,但分类(category)不一样。
使用浏览器访问http://127.0.0.1:5000/show1
,获得以下内容:
['1 access at 1404022326.39']
而继续访问http://127.0.0.1:5000/show2
,获得的内容为空:
[]
在Flask中,get_flashed_messages()
默认已经集成到Jinja2
模板引擎中,易用性很强。下面是来自官方的一个示例:
https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-013