Python Flask Web 框架入门

Flask是一个轻量级的基于Python的web框架。css

本文适合有必定HTML、Python、网络基础的同窗阅读。html

1. 简介

这份文档中的代码使用 Python 3 运行。
是的,因此读者须要本身在电脑上安装Python 3 和 pip3。建议安装最新版本,我使用的是Python 3.6.4
安装方法,能够自行谷歌或者百度。
建议在 linux 下实践本教程中命令行操做、执行代码。java

2. 安装

经过pip3安装Flask便可:python

$ sudo pip3 install Flask 

进入python交互模式看下Flask的介绍和版本:linux

  1. $ python3
  2.  
  3. >>> import flask
  4. >>> print(flask.__doc__)
  5.  
  6. flask
  7. ~~~~~
  8.  
  9. A microframework based on Werkzeug. It's extensively documented
  10. and follows best practice patterns.
  11.  
  12. :copyright: © 2010 by the Pallets team.
  13. :license: BSD, see LICENSE for more details.
  14.  
  15. >>> print(flask.__version__)
  16. 1.0.2

3. 从 Hello World 开始

本节主要内容:使用Flask写一个显示”Hello World!”的web程序,如何配置、调试Flask。git

3.1 Hello World

按照如下命令创建Flask项目HelloWorld:github

  1. mkdir HelloWorld
  2. mkdir HelloWorld/static
  3. mkdir HelloWorld/templates
  4. touch HelloWorld/server.py

statictemplates目录是默认配置,其中static用来存放静态资源,例如图片、js、css文件等。templates存放模板文件。
咱们的网站逻辑基本在server.py文件中,固然,也能够给这个文件起其余的名字。web

server.py中加入如下内容:sql

  1. from flask import Flask
  2.  
  3. app = Flask(__name__)
  4.  
  5. @app.route('/')
  6. def hello_world():
  7. return 'Hello World!'
  8.  
  9. if __name__ == '__main__':
  10. app.run()

运行server.py编程

  1. $ python3 server.py
  2. * Running on http://127.0.0.1:5000/

打开浏览器访问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实例,经过下面的方式:

  1. @app.route( '/')
  2. def hello_world():
  3. return 'Hello World!'

当客户端访问/时,将响应hello_world()函数返回的内容。注意,这不是返回Hello World!这么简单,Hello World!只是HTTP响应报文的实体部分,状态码等信息既能够由Flask自动处理,也能够经过编程来制定。

3.2 修改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__

  1. from flask import Flask
  2. print(Flask.__doc__)

3.3 调试模式

上面的server.py中以app.run()方式运行,这种方式下,若是服务器端出现错误是不会在客户端显示的。可是在开发环境中,显示错误信息是颇有必要的,要显示错误信息,应该如下面的方式运行Flask:

app.run(debug=True) 

debug设置为True的另外一个好处是,程序启动后,会自动检测源码是否发生变化,如有变化则自动重启程序。这能够帮咱们省下不少时间。

3.4 绑定IP和端口

默认状况下,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 

3.5 本节源码

https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-001

4. 获取 URL 参数

URL参数是出如今url中的键值对,例如http://127.0.0.1:5000/?disp=3中的url参数是{'disp':3}

4.1 创建Flask项目

按照如下命令创建Flask项目HelloWorld:

  1. mkdir HelloWorld
  2. mkdir HelloWorld/static
  3. mkdir HelloWorld/templates
  4. touch HelloWorld/server.py

4.2 列出全部的url参数

在server.py中添加如下内容:

  1. from flask import Flask, request
  2.  
  3. app = Flask(__name__)
  4.  
  5.  
  6. @app.route('/')
  7. def hello_world():
  8. return request.args.__str__()
  9.  
  10.  
  11. if __name__ == '__main__':
  12. app.run(port= 5000, debug=True)

在浏览器中访问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_pathrequest.path来看一下:

  1. from flask import Flask, request
  2.  
  3. app = Flask(__name__)
  4.  
  5.  
  6. @app.route('/')
  7. def hello_world():
  8. print(request.path)
  9. print(request.full_path)
  10. return request.args.__str__()
  11.  
  12.  
  13. if __name__ == '__main__':
  14. app.run(port= 5000, debug=True)

浏览器访问http://127.0.0.1:5000/?info=这是爱,,运行server.py的终端会输出:

  1. /
  2. /?info=%E8%BF%99%E6%98%AF%E7%88%B1%EF%BC%8C

4.3 获取某个指定的参数

例如,要获取键info对应的值,以下修改server.py

  1. from flask import Flask, request
  2.  
  3. app = Flask(__name__)
  4.  
  5. @app.route('/')
  6. def hello_world():
  7. return request.args.get('info')
  8.  
  9. if __name__ == '__main__':
  10. app.run(port= 5000)

运行server.py,在浏览器中访问http://127.0.0.1:5000/?info=hello,浏览器将显示:

hello

不过,当咱们访问http://127.0.0.1:5000/时候却出现了500错误,浏览器显示:

若是开启了Debug模式,会显示:

为何为这样?

这是由于没有在URL参数中找到info。因此request.args.get('info')返回Python内置的None,而Flask不容许返回None。

解决方法很简单,咱们先判断下它是否是None:

  1. from flask import Flask, request
  2.  
  3. app = Flask(__name__)
  4.  
  5. @app.route('/')
  6. def hello_world():
  7. r = request.args.get( 'info')
  8. if r==None:
  9. # do something
  10. return ''
  11. return r
  12.  
  13. if __name__ == '__main__':
  14. app.run(port= 5000, debug=True)
  15.  

另一个方法是,设置默认值,也就是取不到数据时用这个值:

  1. from flask import Flask, request
  2.  
  3. app = Flask(__name__)
  4.  
  5. @app.route('/')
  6. def hello_world():
  7. r = request.args.get( 'info', 'hi')
  8. return r
  9.  
  10. if __name__ == '__main__':
  11. app.run(port= 5000, debug=True)

函数request.args.get的第二个参数用来设置默认值。此时在浏览器访问http://127.0.0.1:5000/,将显示:

hi

4.4 如何处理多值

还记得上面有一次请求是这样的吗? http://127.0.0.1:5000/?user=Flask&time&p=7&p=8,仔细看下,p有两个值。

若是咱们的代码是:

  1. from flask import Flask, request
  2.  
  3. app = Flask(__name__)
  4.  
  5. @app.route('/')
  6. def hello_world():
  7. r = request.args.get( 'p')
  8. return r
  9.  
  10. if __name__ == '__main__':
  11. app.run(port= 5000, debug=True)

在浏览器中请求时,咱们只会看到7。若是咱们须要把p的全部值都获取到,该怎么办?

不用get,用getlist

  1. from flask import Flask, request
  2.  
  3. app = Flask(__name__)
  4.  
  5.  
  6. @app.route('/')
  7. def hello_world():
  8. r = request.args.getlist( 'p') # 返回一个list
  9. return str(r)
  10.  
  11.  
  12. if __name__ == '__main__':
  13. app.run(port= 5000, debug=True)

浏览器输入 http://127.0.0.1:5000/?user=Flask&time&p=7&p=8,咱们会看到['7', '8']

4.5 本节源码

https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-002

5. 获取POST方法传送的数据

做为一种HTTP请求方法,POST用于向指定的资源提交要被处理的数据。咱们在某网站注册用户、写文章等时候,须要将数据传递到网站服务器中。并不适合将数据放到URL参数中,密码放到URL参数中容易被看到,文章数据又太多,浏览器不必定支持太长长度的URL。这时,通常使用POST方法。

本文使用python的requests库模拟浏览器。

安装方法:

$ sudo pip3 install requests 

5.1 创建Flask项目

按照如下命令创建Flask项目HelloWorld:

  1. mkdir HelloWorld
  2. mkdir HelloWorld/static
  3. mkdir HelloWorld/templates
  4. touch HelloWorld/server.py

5.2 查看POST数据内容

以用户注册为例子,咱们须要向服务器/register传送用户名name和密码password。以下编写HelloWorld/server.py

  1. from flask import Flask, request
  2.  
  3. app = Flask(__name__)
  4.  
  5.  
  6. @app.route('/')
  7. def hello_world():
  8. return 'hello world'
  9.  
  10.  
  11. @app.route('/register', methods=['POST'])
  12. def register():
  13. print(request.headers)
  14. print(request.stream.read())
  15. return 'welcome'
  16.  
  17.  
  18. if __name__ == '__main__':
  19. app.run(port= 5000, debug=True)

`@app.route(‘/register’, methods=[‘POST’])是指url/register只接受POST方法。能够根据须要修改methods`参数,例如若是想要让它同时支持GET和POST,这样写:

@app.route('/register', methods=['GET', 'POST']) 

浏览器模拟工具client.py内容以下:

  1. import requests
  2.  
  3. user_info = { 'name': 'letian', 'password': '123'}
  4. r = requests.post( "http://127.0.0.1:5000/register", data=user_info)
  5.  
  6. print(r.text)

运行HelloWorld/server.py,而后运行client.pyclient.py将输出:

welcome

HelloWorld/server.py在终端中输出如下调试信息(经过print输出):

  1. Host: 127.0.0.1:5000
  2. User-Agent: python-requests/ 2.19.1
  3. Accept-Encoding: gzip, deflate
  4. Accept: */*
  5. Connection: keep-alive
  6. Content-Length: 24
  7. Content-Type: application/x-www-form-urlencoded
  8.  
  9.  
  10. b'name=letian&password=123'

前6行是client.py生成的HTTP请求头,由print(request.headers)输出。

请求体的数据,咱们经过print(request.stream.read())输出,结果是:

b'name=letian&password=123' 

5.3 解析POST数据

上面,咱们看到post的数据内容是:

b'name=letian&password=123' 

咱们要想办法把咱们要的name、password提取出来,怎么作呢?本身写?不用,Flask已经内置了解析器request.form

咱们将服务代码改为:

  1. from flask import Flask, request
  2.  
  3. app = Flask(__name__)
  4.  
  5. @app.route('/')
  6. def hello_world():
  7. return 'hello world'
  8.  
  9.  
  10. @app.route('/register', methods=['POST'])
  11. def register():
  12. print(request.headers)
  13. # print(request.stream.read()) # 不要用,不然下面的form取不到数据
  14. print(request.form)
  15. print(request.form[ 'name'])
  16. print(request.form.get( 'name'))
  17. print(request.form.getlist( 'name'))
  18. print(request.form.get( 'nickname', default='little apple'))
  19. return 'welcome'
  20.  
  21.  
  22. if __name__ == '__main__':
  23. app.run(port= 5000, debug=True)

执行client.py请求数据,服务器代码会在终端输出:

  1. Host: 127.0.0.1:5000
  2. User-Agent: python-requests/ 2.19.1
  3. Accept-Encoding: gzip, deflate
  4. Accept: */*
  5. Connection: keep-alive
  6. Content-Length: 24
  7. Content-Type: application/x-www-form-urlencoded
  8.  
  9.  
  10. ImmutableMultiDict([( 'name', 'letian'), ('password', '123')])
  11. letian
  12. letian
  13. [ 'letian']
  14. little apple

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改一下:

  1. import requests
  2.  
  3. user_info = { 'name': ['letian', 'letian2'], 'password': '123'}
  4. r = requests.post( "http://127.0.0.1:5000/register", data=user_info)
  5.  
  6. print(r.text)

此时运行client.pyprint(request.form.getlist('name'))将输出:

[u'letian', u'letian2'] 

5.4 本节源码

https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-003

6. 处理和响应JSON数据

使用 HTTP POST 方法传到网站服务器的数据格式能够有不少种,好比「5. 获取POST方法传送的数据」讲到的name=letian&password=123这种用过&符号分割的key-value键值对格式。咱们也能够用JSON格式、XML格式。相比XML的重量、规范繁琐,JSON显得很是小巧和易用。

6.1 创建Flask项目

按照如下命令创建Flask项目HelloWorld:

  1. mkdir HelloWorld
  2. mkdir HelloWorld/static
  3. mkdir HelloWorld/templates
  4. touch HelloWorld/server.py

6.2 处理JSON格式的请求数据

若是POST的数据是JSON格式,request.json会自动将json数据转换成Python类型(字典或者列表)。

编写server.py:

  1. from flask import Flask, request
  2.  
  3. app = Flask( "my-app")
  4.  
  5.  
  6. @app.route('/')
  7. def hello_world():
  8. return 'Hello World!'
  9.  
  10.  
  11. @app.route('/add', methods=['POST'])
  12. def add():
  13. print(request.headers)
  14. print(type(request.json))
  15. print(request.json)
  16. result = request.json[ 'a'] + request.json['b']
  17. return str(result)
  18.  
  19.  
  20. if __name__ == '__main__':
  21. app.run(host= '127.0.0.1', port=5000, debug=True)

编写client.py模拟浏览器请求:

  1. import requests
  2.  
  3. json_data = { 'a': 1, 'b': 2}
  4.  
  5. r = requests.post( "http://127.0.0.1:5000/add", json=json_data)
  6.  
  7. print(r.text)

运行server.py,而后运行client.pyclient.py 会在终端输出:

3

server.py 会在终端输出:

  1. Host: 127.0.0.1:5000
  2. User-Agent: python-requests/ 2.19.1
  3. Accept-Encoding: gzip, deflate
  4. Accept: * /*
  5. Connection: keep-alive
  6. Content-Length: 16
  7. Content-Type: application/json
  8.  
  9.  
  10. <class 'dict'>
  11. { 'a': 1, 'b': 2}

注意,请求头中Content-Type的值是application/json

6.3 响应JSON-方案1

响应JSON时,除了要把响应体改为JSON格式,响应头的Content-Type也要设置为application/json

编写server2.py

  1. from flask import Flask, request, Response
  2. import json
  3.  
  4. app = Flask( "my-app")
  5.  
  6.  
  7. @app.route('/')
  8. def hello_world():
  9. return 'Hello World!'
  10.  
  11.  
  12. @app.route('/add', methods=['POST'])
  13. def add():
  14. result = { 'sum': request.json['a'] + request.json['b']}
  15. return Response(json.dumps(result), mimetype='application/json')
  16.  
  17.  
  18. if __name__ == '__main__':
  19. app.run(host= '127.0.0.1', port=5000, debug=True)

修改后运行。

编写client2.py

  1. import requests
  2.  
  3. json_data = { 'a': 1, 'b': 2}
  4.  
  5. r = requests.post( "http://127.0.0.1:5000/add", json=json_data)
  6.  
  7. print(r.headers)
  8. print(r.text)

运行client.py,将显示:

  1. { 'Content-Type': 'application/json', 'Content-Length': '10', 'Server': 'Werkzeug/0.14.1 Python/3.6.4', 'Date': 'Sat, 07 Jul 2018 05:23:00 GMT'}
  2. { "sum": 3}

上面第一段内容是服务器的响应头,第二段内容是响应体,也就是服务器返回的JSON格式数据。

另外,若是须要服务器的HTTP响应头具备更好的可定制性,好比自定义Server,能够以下修改add()函数:

  1. @app.route( '/add', methods=['POST'])
  2. def add():
  3. result = { 'sum': request.json['a'] + request.json['b']}
  4. resp = Response(json.dumps(result), mimetype= 'application/json')
  5. resp.headers.add( 'Server', 'python flask')
  6. return resp

client2.py运行后会输出:

  1. { 'Content-Type': 'application/json', 'Content-Length': '10', 'Server': 'python flask', 'Date': 'Sat, 07 Jul 2018 05:26:40 GMT'}
  2. { "sum": 3}

6.4 响应JSON-方案2

使用 jsonify 工具函数便可。

  1. from flask import Flask, request, jsonify
  2.  
  3. app = Flask( "my-app")
  4.  
  5.  
  6. @app.route('/')
  7. def hello_world():
  8. return 'Hello World!'
  9.  
  10.  
  11. @app.route('/add', methods=['POST'])
  12. def add():
  13. result = { 'sum': request.json['a'] + request.json['b']}
  14. return jsonify(result)
  15.  
  16.  
  17. if __name__ == '__main__':
  18. app.run(host= '127.0.0.1', port=5000, debug=True)

6.5 本节源码

https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-004

7. 上传文件

上传文件,通常也是用POST方法。

7.1 创建Flask项目

按照如下命令创建Flask项目HelloWorld:

  1. mkdir HelloWorld
  2. mkdir HelloWorld/static
  3. mkdir HelloWorld/templates
  4. touch HelloWorld/server.py

7.2 上传文件

这一部分的代码参考自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代码:

  1. from flask import Flask, request
  2.  
  3. from werkzeug.utils import secure_filename
  4. import os
  5.  
  6. app = Flask(__name__)
  7.  
  8. # 文件上传目录
  9. app.config[ 'UPLOAD_FOLDER'] = 'static/uploads/'
  10. # 支持的文件格式
  11. app.config[ 'ALLOWED_EXTENSIONS'] = {'png', 'jpg', 'jpeg', 'gif'} # 集合类型
  12.  
  13.  
  14. # 判断文件名是不是咱们支持的格式
  15. def allowed_file(filename):
  16. return '.' in filename and \
  17. filename.rsplit( '.', 1)[1] in app.config['ALLOWED_EXTENSIONS']
  18.  
  19.  
  20. @app.route('/')
  21. def hello_world():
  22. return 'hello world'
  23.  
  24.  
  25. @app.route('/upload', methods=['POST'])
  26. def upload():
  27. upload_file = request.files[ 'image']
  28. if upload_file and allowed_file(upload_file.filename):
  29. filename = secure_filename(upload_file.filename)
  30. # 将文件保存到 static/uploads 目录,文件名同上传时使用的文件名
  31. upload_file.save(os.path.join(app.root_path, app.config[ 'UPLOAD_FOLDER'], filename))
  32. return 'info is '+request.form.get('info', '')+'. success'
  33. else:
  34. return 'failed'
  35.  
  36.  
  37. if __name__ == '__main__':
  38. app.run(port= 5000, debug=True)

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

  1. import requests
  2.  
  3. file_data = { 'image': open('Lenna.jpg', 'rb')}
  4.  
  5. user_info = { 'info': 'Lenna'}
  6.  
  7. r = requests.post( "http://127.0.0.1:5000/upload", data=user_info, files=file_data)
  8.  
  9. print(r.text)

运行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() 

7.3 本节源码

https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-005

8. Restful URL

简单来讲,Restful URL能够看作是对 URL 参数的替代。

8.1 创建Flask项目

按照如下命令创建Flask项目HelloWorld:

  1. mkdir HelloWorld
  2. mkdir HelloWorld/static
  3. mkdir HelloWorld/templates
  4. touch HelloWorld/server.py

8.2 编写代码

编辑server.py:

  1. from flask import Flask
  2.  
  3. app = Flask(__name__)
  4.  
  5.  
  6. @app.route('/')
  7. def hello_world():
  8. return 'hello world'
  9.  
  10.  
  11. @app.route('/user/<username>')
  12. def user(username):
  13. print(username)
  14. print(type(username))
  15. return 'hello ' + username
  16.  
  17.  
  18. @app.route('/user/<username>/friends')
  19. def user_friends(username):
  20. print(username)
  21. print(type(username))
  22. return 'hello ' + username
  23.  
  24.  
  25. if __name__ == '__main__':
  26. app.run(port= 5000, debug=True)

运行HelloWorld/server.py。使用浏览器访问http://127.0.0.1:5000/user/letian,HelloWorld/server.py将输出:

  1. letian
  2. < class 'str'>

而访问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输出:

  1. letian
  2. < class 'str'>

8.3 转换类型

由上面的示例能够看出,使用 Restful URL 获得的变量默认为str对象。若是咱们须要经过分页显示查询结果,那么须要在url中有数字来指定页数。按照上面方法,能够在获取str类型页数变量后,将其转换为int类型。不过,还有更方便的方法,就是用flask内置的转换机制,即在route中指定该如何转换。

新的服务器代码:

  1. from flask import Flask
  2.  
  3. app = Flask(__name__)
  4.  
  5.  
  6. @app.route('/')
  7. def hello_world():
  8. return 'hello world'
  9.  
  10.  
  11. @app.route('/page/<int:num>')
  12. def page(num):
  13. print(num)
  14. print(type(num))
  15. return 'hello world'
  16.  
  17.  
  18. if __name__ == '__main__':
  19. app.run(port= 5000, debug=True)

`@app.route(‘/page/int:num‘)`会将num变量自动转换成int类型。

运行上面的程序,在浏览器中访问http://127.0.0.1:5000/page/1,HelloWorld/server.py将输出以下内容:

  1. 1
  2. < class 'int'>

若是访问的是http://127.0.0.1:5000/page/asd,咱们会获得404响应。

在官方资料中,说是有3个默认的转换器:

  1. int accepts integers
  2. float like int but for floating point values
  3. path like the default but also accepts slashes

看起来够用了。

8.4 一个有趣的用法

以下编写服务器代码:

  1. from flask import Flask
  2.  
  3. app = Flask(__name__)
  4.  
  5.  
  6. @app.route('/')
  7. def hello_world():
  8. return 'hello world'
  9.  
  10.  
  11. @app.route('/page/<int:num1>-<int:num2>')
  12. def page(num1, num2):
  13. print(num1)
  14. print(num2)
  15. return 'hello world'
  16.  
  17.  
  18. if __name__ == '__main__':
  19. app.run(port= 5000, debug=True)

在浏览器中访问http://127.0.0.1:5000/page/11-22HelloWorld/server.py会输出:

  1. 11
  2. 22

8.5 编写转换器

自定义的转换器是一个继承werkzeug.routing.BaseConverter的类,修改to_pythonto_url方法便可。to_python方法用于将url中的变量转换后供被`@app.route包装的函数使用,to_url方法用于flask.url_for`中的参数转换。

下面是一个示例,将HelloWorld/server.py修改以下:

  1. from flask import Flask, url_for
  2.  
  3. from werkzeug.routing import BaseConverter
  4.  
  5.  
  6. class MyIntConverter(BaseConverter):
  7.  
  8. def __init__(self, url_map):
  9. super(MyIntConverter, self).__init__(url_map)
  10.  
  11. def to_python(self, value):
  12. return int(value)
  13.  
  14. def to_url(self, value):
  15. return value * 2
  16.  
  17.  
  18. app = Flask(__name__)
  19. app.url_map.converters[ 'my_int'] = MyIntConverter
  20.  
  21.  
  22. @app.route('/')
  23. def hello_world():
  24. return 'hello world'
  25.  
  26.  
  27. @app.route('/page/<my_int:num>')
  28. def page(num):
  29. print(num)
  30. print(url_for( 'page', num=123)) # page 对应的是 page函数 ,num 对应对应`/page/<my_int:num>`中的num,必须是str
  31. return 'hello world'
  32.  
  33.  
  34. if __name__ == '__main__':
  35. app.run(port= 5000, debug=True)

浏览器访问http://127.0.0.1:5000/page/123后,HelloWorld/server.py的输出信息是:

  1. 123
  2. /page/123123

8.6 本节源码

https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-006

8.7 值得读

理解RESTful架构

9. 使用url_for生成连接

工具函数url_for可让你以软编码的形式生成url,提供开发效率。

9.1 创建Flask项目

按照如下命令创建Flask项目HelloWorld:

  1. mkdir HelloWorld
  2. mkdir HelloWorld/static
  3. mkdir HelloWorld/templates
  4. touch HelloWorld/server.py

9.2 编写代码

编辑HelloWorld/server.py

  1. from flask import Flask, url_for
  2.  
  3. app = Flask(__name__)
  4.  
  5. @app.route('/')
  6. def hello_world():
  7. pass
  8.  
  9. @app.route('/user/<name>')
  10. def user(name):
  11. pass
  12.  
  13. @app.route('/page/<int:num>')
  14. def page(num):
  15. pass
  16.  
  17. @app.route('/test')
  18. def test():
  19. print(url_for( 'hello_world'))
  20. print(url_for( 'user', name='letian'))
  21. print(url_for( 'page', num=1, q='hadoop mapreduce 10%3'))
  22. print(url_for( 'static', filename='uploads/01.jpg'))
  23. return 'Hello'
  24.  
  25. if __name__ == '__main__':
  26. app.run(debug= True)

运行HelloWorld/server.py。而后在浏览器中访问http://127.0.0.1:5000/testHelloWorld/server.py将输出如下信息:

  1. /
  2. /user/letian
  3. /page/ 1?q=hadoop+mapreduce+10%253
  4. / static/uploads/01.jpg

9.3 本节源码

https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-007

10. 使用redirect重定向网址

redirect函数用于重定向,实现机制很简单,就是向客户端(浏览器)发送一个重定向的HTTP报文,浏览器会去访问报文中指定的url。

10.1 创建Flask项目

按照如下命令创建Flask项目HelloWorld:

  1. mkdir HelloWorld
  2. mkdir HelloWorld/static
  3. mkdir HelloWorld/templates
  4. touch HelloWorld/server.py

10.2 编写代码

使用redirect时,给它一个字符串类型的参数就好了。

编辑HelloWorld/server.py

  1. from flask import Flask, url_for, redirect
  2.  
  3. app = Flask(__name__)
  4.  
  5. @app.route('/')
  6. def hello_world():
  7. return 'hello world'
  8.  
  9. @app.route('/test1')
  10. def test1():
  11. print( 'this is test1')
  12. return redirect(url_for('test2'))
  13.  
  14. @app.route('/test2')
  15. def test2():
  16. print( 'this is test2')
  17. return 'this is test2'
  18.  
  19. if __name__ == '__main__':
  20. app.run(debug= True)

运行HelloWorld/server.py,在浏览器中访问http://127.0.0.1:5000/test1,浏览器的url会变成http://127.0.0.1:5000/test2,并显示:

this is test2 

10.3 本节源码

https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-008

11. 使用Jinja2模板引擎

模板引擎负责MVC中的V(view,视图)这一部分。Flask默认使用Jinja2模板引擎。

Flask与模板相关的函数有:

  • flask.render_template(template_name_or_list, **context)
    Renders a template from the template folder with the given context.
  • flask.render_template_string(source, **context)
    Renders a template from the given template source string with the given context.
  • flask.get_template_attribute(template_name, attribute)
    Loads a macro (or variable) a template exports. This can be used to invoke a macro from within Python code.

这其中经常使用的就是前两个函数。

这个实例中使用了模板继承、if判断、for循环。

11.1 创建Flask项目

按照如下命令创建Flask项目HelloWorld:

  1. mkdir HelloWorld
  2. mkdir HelloWorld/static
  3. mkdir HelloWorld/templates
  4. touch HelloWorld/server.py

11.2 建立并编辑HelloWorld/templates/default.html

内容以下:

  1. <html>
  2. <head>
  3. <title>
  4. {% if page_title %}
  5. {{ page_title }}
  6. {% endif %}
  7. </title>
  8. </head>
  9.  
  10. <body>
  11. {% block body %}{% endblock %}
  12.  
  13.  
  14. ```
  15.  
  16. 能够看到,在``标签中使用了if判断,若是给模板传递了`page_title`变量,显示之,不然,不显示。
  17.  
  18. ``标签中定义了一个名为`body`的block,用来被其余模板文件继承。
  19.  
  20. ### 11.3 建立并编辑HelloWorld/templates/user_info.html
  21. 内容以下:
  22.  
  23. ```
  24. {% extends "default.html" %}
  25.  
  26. {% block body %}
  27. {% for key in user_info %}
  28.  
  29. {{ key }}: {{ user_info[key] }}
  30.  
  31.  
  32. {% endfor %}
  33. {% endblock %}

变量user_info应该是一个字典,for循环用来循环输出键值对。

11.4 编辑HelloWorld/server.py

内容以下:

  1. from flask import Flask, render_template
  2.  
  3. app = Flask(__name__)
  4.  
  5.  
  6. @app.route('/')
  7. def hello_world():
  8. return 'hello world'
  9.  
  10.  
  11. @app.route('/user')
  12. def user():
  13. user_info = {
  14. 'name': 'letian',
  15. 'email': '123@aa.com',
  16. 'age':0,
  17. 'github': 'https://github.com/letiantian'
  18. }
  19. return render_template('user_info.html', page_title='letian\'s info', user_info=user_info)
  20.  
  21.  
  22. if __name__ == '__main__':
  23. app.run(port= 5000, debug=True)

render_template()函数的第一个参数指定模板文件,后面的参数是要传递的数据。

11.5 运行与测试

运行HelloWorld/server.py:

$ python3 HelloWorld/server.py 

在浏览器中访问http://127.0.0.1:5000/user,效果图以下:

查看网页源码:

  1. <html>
  2. <head>
  3. <title>
  4. letian&#39;s info
  5. </title>
  6. </head>
  7. <body>
  8. name: letian <br/>
  9. email: 123@aa.com <br/>
  10. age: 0 <br/>
  11. github: https://github.com/letiantian <br/>
  12. </body>
  13. </html>

11.6 本节源码

https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-009

12. 自定义404等错误的响应

要处理HTTP错误,可使用flask.abort函数。

12.1 示例1:简单入门

创建Flask项目

按照如下命令创建Flask项目HelloWorld:

  1. mkdir HelloWorld
  2. mkdir HelloWorld/static
  3. mkdir HelloWorld/templates
  4. touch HelloWorld/server.py

代码

编辑HelloWorld/server.py

  1. from flask import Flask, render_template_string, abort
  2.  
  3. app = Flask(__name__)
  4.  
  5.  
  6. @app.route('/')
  7. def hello_world():
  8. return 'hello world'
  9.  
  10.  
  11. @app.route('/user')
  12. def user():
  13. abort( 401) # Unauthorized 未受权
  14. print( 'Unauthorized, 请先登陆')
  15.  
  16.  
  17. if __name__ == '__main__':
  18. app.run(port= 5000, debug=True)

效果

运行HelloWorld/server.py,浏览器访问http://127.0.0.1:5000/user,效果以下:

要注意的是,HelloWorld/server.pyabort(401)后的print并无执行。

12.2 示例2:自定义错误页面

代码

将服务器代码改成:

  1. from flask import Flask, render_template_string, abort
  2.  
  3. app = Flask(__name__)
  4.  
  5.  
  6. @app.route('/')
  7. def hello_world():
  8. return 'hello world'
  9.  
  10.  
  11. @app.route('/user')
  12. def user():
  13. abort( 401) # Unauthorized
  14.  
  15.  
  16. @app.errorhandler(401)
  17. def page_unauthorized(error):
  18. return render_template_string('<h1> Unauthorized </h1><h2>{{ error_info }}</h2>', error_info=error), 401
  19.  
  20.  
  21. if __name__ == '__main__':
  22. app.run(port= 5000, debug=True)

page_unauthorized函数返回的是一个元组,401 表明HTTP 响应状态码。若是省略401,则响应状态码会变成默认的 200。

效果

运行HelloWorld/server.py,浏览器访问http://127.0.0.1:5000/user,效果以下:

12.3 本节源码

https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-010

13. 用户会话

session用来记录用户的登陆状态,通常基于cookie实现。

下面是一个简单的示例。

13.1 创建Flask项目

按照如下命令创建Flask项目HelloWorld:

  1. mkdir HelloWorld
  2. mkdir HelloWorld/static
  3. mkdir HelloWorld/templates
  4. touch HelloWorld/server.py

13.2 编辑HelloWorld/server.py

内容以下:

  1. from flask import Flask, render_template_string, \
  2. session, request, redirect, url_for
  3.  
  4. app = Flask(__name__)
  5.  
  6. app.secret_key = 'F12Zr47j\3yX R~X@H!jLwf/T'
  7.  
  8.  
  9. @app.route('/')
  10. def hello_world():
  11. return 'hello world'
  12.  
  13.  
  14. @app.route('/login')
  15. def login():
  16. page = '''
  17. <form action="{{ url_for('do_login') }}" method="post">
  18. <p>name: <input type="text" name="user_name" /></p>
  19. <input type="submit" value="Submit" />
  20. </form>
  21. '''
  22. return render_template_string(page)
  23.  
  24.  
  25. @app.route('/do_login', methods=['POST'])
  26. def do_login():
  27. name = request.form.get( 'user_name')
  28. session[ 'user_name'] = name
  29. return 'success'
  30.  
  31.  
  32. @app.route('/show')
  33. def show():
  34. return session['user_name']
  35.  
  36.  
  37. @app.route('/logout')
  38. def logout():
  39. session.pop( 'user_name', None)
  40. return redirect(url_for('login'))
  41.  
  42.  
  43. if __name__ == '__main__':
  44. app.run(port= 5000, debug=True)

13.3 代码的含义

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

13.4 效果

进入http://127.0.0.1:5000/login,输入name,点击submit:

进入http://127.0.0.1:5000/show查看session中存储的name:

13.5 设置sessin的有效时间

下面这段代码来自Is there an easy way to make sessions timeout in flask?

  1. from datetime import timedelta
  2. from flask import session, app
  3.  
  4. session.permanent = True
  5. app.permanent_session_lifetime = timedelta(minutes= 5)

这段代码将session的有效时间设置为5分钟。

13.6 本节源码

https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-011

14. 使用Cookie

Cookie是存储在客户端的记录访问者状态的数据。具体原理,请见 http://zh.wikipedia.org/wiki/Cookie 。 经常使用的用于记录用户登陆状态的session大可能是基于cookie实现的。

cookie能够借助flask.Response来实现。下面是一个示例。

14.1 创建Flask项目

按照如下命令创建Flask项目HelloWorld:

  1. mkdir HelloWorld
  2. mkdir HelloWorld/static
  3. mkdir HelloWorld/templates
  4. touch HelloWorld/server.py

14.2 代码

修改HelloWorld/server.py

  1. from flask import Flask, request, Response, make_response
  2. import time
  3.  
  4. app = Flask(__name__)
  5.  
  6.  
  7. @app.route('/')
  8. def hello_world():
  9. return 'hello world'
  10.  
  11.  
  12. @app.route('/add')
  13. def login():
  14. res = Response( 'add cookies')
  15. res.set_cookie(key= 'name', value='letian', expires=time.time()+6*60)
  16. return res
  17.  
  18.  
  19. @app.route('/show')
  20. def show():
  21. return request.cookies.__str__()
  22.  
  23.  
  24. @app.route('/del')
  25. def del_cookie():
  26. res = Response( 'delete cookies')
  27. res.set_cookie( 'name', '', expires=0)
  28. return res
  29.  
  30.  
  31. if __name__ == '__main__':
  32. app.run(port= 5000, debug=True)

由上能够看到,可使用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.

14.3 运行与测试

运行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'} 

14.4 本节源码

https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-012

15. 闪存系统 flashing system

Flask的闪存系统(flashing system)用于向用户提供反馈信息,这些反馈信息通常是对用户上一次操做的反馈。反馈信息是存储在服务器端的,当服务器向客户端返回反馈信息后,这些反馈信息会被服务器端删除。

下面是一个示例。

15.1 创建Flask项目

按照如下命令创建Flask项目HelloWorld:

  1. mkdir HelloWorld
  2. mkdir HelloWorld/static
  3. mkdir HelloWorld/templates
  4. touch HelloWorld/server.py

15.2 编写HelloWorld/server.py

内容以下:

  1. from flask import Flask, flash, get_flashed_messages
  2. import time
  3.  
  4. app = Flask(__name__)
  5. app.secret_key = 'some_secret'
  6.  
  7.  
  8. @app.route('/')
  9. def index():
  10. return 'hi'
  11.  
  12.  
  13. @app.route('/gen')
  14. def gen():
  15. info = 'access at '+ time.time().__str__()
  16. flash(info)
  17. return info
  18.  
  19.  
  20. @app.route('/show1')
  21. def show1():
  22. return get_flashed_messages().__str__()
  23.  
  24.  
  25. @app.route('/show2')
  26. def show2():
  27. return get_flashed_messages().__str__()
  28.  
  29.  
  30. if __name__ == "__main__":
  31. app.run(port= 5000, debug=True)

15.3 效果

运行服务器:

$ 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,只会获得:

[] 

15.4 高级用法

flash系统也支持对flash的内容进行分类。修改HelloWorld/server.py内容:

  1. from flask import Flask, flash, get_flashed_messages
  2. import time
  3.  
  4. app = Flask(__name__)
  5. app.secret_key = 'some_secret'
  6.  
  7.  
  8. @app.route('/')
  9. def index():
  10. return 'hi'
  11.  
  12.  
  13. @app.route('/gen')
  14. def gen():
  15. info = 'access at '+ time.time().__str__()
  16. flash( 'show1 '+info, category='show1')
  17. flash( 'show2 '+info, category='show2')
  18. return info
  19.  
  20.  
  21. @app.route('/show1')
  22. def show1():
  23. return get_flashed_messages(category_filter='show1').__str__()
  24.  
  25. @app.route('/show2')
  26. def show2():
  27. return get_flashed_messages(category_filter='show2').__str__()
  28.  
  29.  
  30. if __name__ == "__main__":
  31. app.run(port= 5000, debug=True)

某一时刻,浏览器访问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,获得的内容为空:

[] 

15.5 在模板文件中获取flash的内容

在Flask中,get_flashed_messages()默认已经集成到Jinja2模板引擎中,易用性很强。下面是来自官方的一个示例:

15.6 本节源码

https://github.com/letiantian/Learn-Flask/tree/master/flask-demo-013

相关文章
相关标签/搜索