python flask框架详解

Flask是一个Python编写的Web 微框架，让我们可以使用Python语言快速实现一个网站或Web服务。本文参考自Flask官方文档，
英文不好的同学也可以参考中文文档

1.安装flask

pip install flask

2.简单上手

一个最小的 Flask 应用如下:

from flask import Flask
app = Flask(__name__)
@app.route('/')

def hello_world():

return 'Hello World'
if name == 'main':

app.run()

代码解析：
1、首先我们导入了 Flask 类。该类的实例将会成为我们的 WSGI 应用。
2、接着我们创建一个该类的实例。第一个参数是应用模块或者包的名称。如果你使用一个单一模块（就像本例），那么应当使用 name ，因为名称会根据这个模块是按应用方式使用还是作为一个模块导入而发生变化（可能是 ‘main’ ，也可能是实际导入的名称）。这个参数是必需的，这样 Flask 才能知道在哪里可以找到模板和静态文件等东西
3、然后我们使用 route() 装饰器来告诉 Flask 触发函数的 URL 。
4、函数名称被用于生成相关联的 URL 。函数最后返回需要在用户浏览器中显示的信息。

运行结果：

* Serving Flask app "flask_demo" (lazy loading)
 * Environment: production
   WARNING: This is a development server. Do not use it in a production deployment.
   Use a production WSGI server instead.
 * Debug mode: off
 * Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)

访问：http://127.0.0.1:5000/
在这里插入图片描述

app.route(rule, options)

rule 参数表示与该函数的URL绑定。
options 是要转发给基础Rule对象的参数列表。
在上面的示例中，'/ ' URL与hello_world()函数绑定。因此，当在浏览器中打开web服务器的主页时，将呈现该函数的输出。
最后，Flask类的run()方法在本地开发服务器上运行应用程序。

app.run(host, port, debug, options)

所有参数都是可选的

host：要监听的主机名。默认为127.0.0.1（localhost）。设置为“0.0.0.0”以使服务器在外部可用
port ：默认值为5000
debug：默认为false。如果设置为true，则提供调试信息，可以自动重载代码并显示调试信息
options：要转发到底层的Werkzeug服务器。

2.1 调试模式

虽然 flask 命令可以方便地启动一个本地开发服务器，但是每次应用代码修改之后都需要手动重启服务器。这样不是很方便， Flask 可以做得更好。如果你打开调试模式，那么服务器会在修改应用代码之后自动重启，并且当应用出错时还会提供一个有用的调试器。
在命令行中，如果需要打开所有开发功能（包括调试模式），那么要在运行服务器之前导出 FLASK_ENV 环境变量并把其设置为 development:

$ export FLASK_ENV=development
$ flask run

在代码中，在运行或将调试参数传递给run()方法之前，通过将application对象的debug属性设置为True来启用Debug模式。

app.debug = True
app.run()
# 或者
app.run(debug = True)

2.2 绑定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可以省略不写。

3.Flask 路由

现代Web框架使用路由技术来帮助用户记住应用程序URL。可以直接访问所需的页面，而无需从主页导航。

Flask中的route()装饰器用于将URL绑定到函数。例如：

@app.route('/hello')
def hello_world():
   return 'hello world'

在这里，URL'/ hello'规则绑定到hello_world()函数。因此，如果用户访问http://localhost:5000/hello URL，hello_world()函数的输出将在浏览器中呈现。

application对象的add_url_rule()函数也可用于将URL与函数绑定，如上例所示，使用route()装饰器的目的也由以下表示：

def hello_world():
   return 'hello world'
app.add_url_rule('/', 'hello', hello_world)

4.Flask 变量规则

通过向规则参数添加变量部分，可以动态构建URL。此变量部分标记为 <converter:variable_name>。它作为关键字参数传递给与规则相关联的函数。
在以下示例中，route()装饰器的规则参数包含附加到URL'/hello'的<name>。因此，如果在浏览器中输入http://localhost:5000/hello/chenshifeng作为URL，则'chenshifeng'将作为参数提供给 hello()函数。

#!/usr/bin/python
# -*- coding: UTF-8 -*-
"""
@author:chenshifeng
@file:flask_demo.py
@time:2021/03/01
"""
from flask import Flask
app = Flask(name)
@app.route('/hello/<name>')

def hello_name(name):

return 'Hello %s!' % name
if name == 'main':

app.run(debug=True)

运行，访问：http://localhost:5000/hello/chenshifeng
在这里插入图片描述
除了默认字符串变量部分之外，还可以使用以下转换器构建规则：

转换器	描述
string	（缺省值）接受任何不包含斜杠的文本
int	接受正整数
float	接受正浮点数
path	类似 string ，但可以包含斜杠
uuid	接受 UUID 字符串

#!/usr/bin/python
# -*- coding: UTF-8 -*-
"""
@author:chenshifeng
@file:flask_demo.py
@time:2021/03/01
"""
from flask import Flask
app = Flask(name)
@app.route('/post/<int:post_id>')

def show_post(post_id):

# show the post with the given id, the id is an integer

return 'Post %d' % post_id
@app.route('/path/<path:subpath>')

def show_subpath(subpath):

# show the subpath after /path/

return 'Subpath %s' % subpath
if name == 'main':

app.run(debug=True)

在这里插入图片描述

4.1唯一的 URL / 重定向行为

以下两条规则的不同之处在于是否使用尾部的斜杠。:

@app.route('/projects/')
def projects():
    return 'The project page'
@app.route('/about')

def about():

return 'The about page'

projects 的 URL 是中规中矩的，尾部有一个斜杠，看起来就如同一个文件夹。访问一个没有斜杠结尾的 URL 时 Flask 会自动进行重定向，帮你在尾部加上一个斜杠。

about 的 URL 没有尾部斜杠，因此其行为表现与一个文件类似。如果访问这个 URL 时添加了尾部斜杠就会得到一个 404 错误。这样可以保持 URL 唯一，并帮助搜索引擎避免重复索引同一页面。

5.Flask URL构建

url_for()函数对于动态构建特定函数的URL非常有用。该函数接受函数的名称作为第一个参数，以及一个或多个关键字参数，每个参数对应于URL的变量部分。

#!/usr/bin/python
# -*- coding: UTF-8 -*-
"""
@author:chenshifeng
@file:flask_demo.py
@time:2021/03/01
"""
from flask import Flask, redirect, url_for
app = Flask(name)
@app.route('/admin')

def hello_admin():

return 'Hello Admin'
@app.route('/guest/<guest>')

def hello_guest(guest):

return 'Hello %s as Guest' % guest
@app.route('/user/<name>')

def hello_user(name):

if name == 'admin':

return redirect(url_for('hello_admin'))

else:

return redirect(url_for('hello_guest', guest=name))
if name == 'main':

app.run(debug=True)

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

运行
打开浏览器并输入URL - http://localhost:5000/user/admin

Hello Admin

在浏览器中输入以下URL - http://localhost:5000/user/mvl

Hello mvl as Guest

6.Flask HTTP方法

Web 应用使用不同的 HTTP 方法处理 URL 。当你使用 Flask 时，应当熟悉 HTTP 方法。缺省情况下，一个路由只回应 GET 请求。可以使用 route() 装饰器的 methods 参数来处理不同的 HTTP 方法:

方法	描述
GET	以未加密的形式将数据发送到服务器，最常见的方法。
HEAD	和GET方法相同，但没有响应体。
POST	用于将HTML表单数据发送到服务器，POST方法接收的数据不由服务器缓存。
PUT	用上传的内容替换目标资源的所有当前表示。
DELETE	删除由URL给出的目标资源的所有当前表示。

默认情况下，Flask路由响应GET请求。但是，可以通过为route()装饰器提供方法参数来更改此首选项。

为了演示在URL路由中使用POST方法，首先让我们创建一个HTML表单，并使用POST方法将表单数据发送到URL。
将以下脚本另存为login.html

<html>
   <body>
  <span class="hljs-tag">&lt;<span class="hljs-name">form</span> <span class="hljs-attr">action</span> = <span class="hljs-string">"http://localhost:5000/login"</span> <span class="hljs-attr">method</span> = <span class="hljs-string">"post"</span>&gt;</span>
     <span class="hljs-tag">&lt;<span class="hljs-name">p</span>&gt;</span>Enter Name:<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span>
     <span class="hljs-tag">&lt;<span class="hljs-name">p</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span> = <span class="hljs-string">"text"</span> <span class="hljs-attr">name</span> = <span class="hljs-string">"nm"</span> /&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span>
     <span class="hljs-tag">&lt;<span class="hljs-name">p</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span> = <span class="hljs-string">"submit"</span> <span class="hljs-attr">value</span> = <span class="hljs-string">"submit"</span> /&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span>
  <span class="hljs-tag">&lt;/<span class="hljs-name">form</span>&gt;</span>

</body>

</html>

运行以下代码

from flask import Flask, redirect, url_for, request
app = Flask(__name__)
@app.route('/success/<name>')

def success(name):

return 'welcome %s' % name
@app.route('/login',methods = ['POST', 'GET'])

def login():

if request.method == 'POST':

user = request.form['nm']

return redirect(url_for('success',name = user))

else:

user = request.args.get('nm')

return redirect(url_for('success',name = user))
if name == 'main':

app.run(debug = True)

在浏览器中打开login.html，在文本字段中输入name，然后单击提交。
在这里插入图片描述
表单数据将POST到表单标签的action子句中的URL。

http://localhost/login映射到login()函数。由于服务器通过POST方法接收数据，因此通过以下步骤获得从表单数据获得的“nm”参数的值：
表单数据将POST到表单标签的action子句中的URL。

user = request.form['nm']

它作为变量部分传递给'/ success' URL。浏览器在窗口中显示welcome消息。
在这里插入图片描述
在login.html中将方法参数更改为'GET'，然后在浏览器中再次打开它。服务器上接收的数据是通过GET方法获得的。通过以下的步骤获得'nm'参数的值：

User = request.args.get('nm')

这里，args是包含表单参数对及其对应值对的列表的字典对象。与'nm'参数对应的值将像之前一样传递到'/ success' URL。

7.Flask 模板

在大型应用中,把业务逻辑和表现内容放在一起,会增加代码的复杂度和维护成本.

模板其实是一个包含响应文本的文件,其中用占位符(变量)表示动态部分,告诉模板引擎其具体的值需要从使用的数据中获取
使用真实值替换变量,再返回最终得到的字符串,这个过程称为'渲染'
Flask 是使用 Jinja2 这个模板引擎来渲染模板

使用模板的好处

视图函数只负责业务逻辑和数据处理(业务逻辑方面)
而模板则取到视图函数的数据结果进行展示(视图展示方面)
代码结构清晰,耦合度低

使用 render_template() 方法可以渲染模板，你只要提供模板名称和需要作为参数传递给模板的变量就行了。
Flask 会在 templates 文件夹内寻找模板。因此，如果你的应用是一个模块，那么模板文件夹应该在模块旁边；如果是一个包，那么就应该在包里面：
情形 1 : 一个模块:

/application.py
/templates
    /hello.html

情形 2 : 一个包:

/application
    /__init__.py
    /templates
        /hello.html

示例代码：

from flask import Flask, render_template
app = Flask(name)
@app.route('/')

def index():

my_int = 18

my_str = 'curry'

my_list = [1, 5, 4, 3, 2]

my_dict = {

'name': 'durant',

'age': 28

}
<span class="hljs-comment"># render_template方法:渲染模板</span>
<span class="hljs-comment"># 参数1: 模板名称  参数n: 传到模板里的数据</span>
<span class="hljs-keyword">return</span> render_template(<span class="hljs-string">'hello.html'</span>,
                       my_int=my_int,
                       my_str=my_str,
                       my_list=my_list,
                       my_dict=my_dict)

if name == 'main':

app.run(debug=True)

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>

<body>
  <h2>我是模板</h2>
  {{ my_int }}
  <br>
  {{ my_str }}
  <br>
  {{ my_list }}
  <br>
  {{ my_dict }}
  <hr>
  <h2>模板的list数据获取</h2>
  <hr>
  {{ my_list[0] }}
  <br>
  {{ my_list.1 }}
  <hr>
  <h2>字典数据获取</h2>
  <hr>
  {{ my_dict['name'] }}
  <br>
  {{ my_dict.age }}
  <hr>
  <h2>算术运算</h2>
  <br>
  {{ my_list.0 + 10 }}
  <br>
  {{ my_list[0] + my_list.1 }}
</body>

</html>

运行效果：
在这里插入图片描述

8.Flask 静态文件

动态的 web 应用也需要静态文件，一般是 CSS 和 JavaScript 文件。理想情况下你的服务器已经配置好了为你的提供静态文件的服务。但是在开发过程中， Flask 也能做好这项工作。只要在你的包或模块旁边创建一个名为 static 的文件夹就行了。静态文件位于应用的 /static 中。
使用特定的 'static' 端点就可以生成相应的 URL

url_for('static', filename='style.css')

这个静态文件在文件系统中的位置应该是 static/style.css 。

在下面的示例中，在index.html中的HTML按钮的OnClick事件上调用hello.js中定义的javascript函数，该函数在Flask应用程序的“/”URL上呈现。

from flask import Flask, render_template
app = Flask(__name__)
@app.route("/")

def index():

return render_template("index.html")
if name == 'main':

app.run(debug = True)

index.html的HTML脚本如下所示：

<html>
<head>

<script type = "text/javascript"

src = "{{ url_for('static', filename = 'hello.js') }}" ></script>

</head>
<body>

<input type = "button" onclick = "sayHello()" value = "Say Hello" />

</body>
</html>

Hello.js包含sayHello()函数。

function sayHello() {
   alert("Hello World")
}

运行效果：
在这里插入图片描述

9.Flask Request对象

来自客户端网页的数据作为全局请求对象发送到服务器。为了处理请求数据，应该从Flask模块导入。

Request对象的重要属性如下所列：

form - 它是一个字典对象，包含表单参数及其值的键和值对。
args - 解析查询字符串的内容，它是问号（？）之后的URL的一部分。
Cookies - 保存Cookie名称和值的字典对象。
files - 与上传文件有关的数据。
method - 当前请求方法

首先，你必须从 flask 模块导入请求对象:

from flask import request

9.1 Flask 将表单数据发送到模板

我们已经看到，可以在 URL 规则中指定 http 方法。触发函数接收的 Form 数据可以以字典对象的形式收集它并将其转发到模板以在相应的网页上呈现它。

在以下示例中，'/' URL 会呈现具有表单的网页（student.html）。填入的数据会发布到触发 result() 函数的 '/result' URL。

result() 函数收集字典对象中的 request.form 中存在的表单数据，并将其发送给 result.html。

该模板动态呈现表单数据的 HTML 表格。

下面给出的是应用程序的 Python 代码：

from flask import Flask, render_template, request
app = Flask(__name__)
@app.route('/')
def student():
   return render_template('student.html')
@app.route('/result',methods = ['POST', 'GET'])

def result():

if request.method == 'POST':

result = request.form

return render_template("result.html",result = result)
if name == 'main':

app.run(debug = True)

下面给出的是 student.html 的 HTML 脚本。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <form action="http://localhost:5000/result" method="POST">
     <p>Name <input type = "text" name = "Name" /></p>
     <p>Physics <input type = "text" name = "Physics" /></p>
     <p>Chemistry <input type = "text" name = "chemistry" /></p>
     <p>Maths <input type ="text" name = "Mathematics" /></p>
     <p><input type = "submit" value = "submit" /></p>
  </form>
</body>
</html>

下面给出了模板（ result.html ）的代码：

<!doctype html>
  <table border = 1>
     {% for key, value in result.items() %}
    <tr>
       <th> {{ key }} </th>
       <td> {{ value }}</td>
    </tr>
 {% endfor %}
</table>

运行效果：
运行 Python 脚本，并在浏览器中输入 URL http://localhost:5000/。
在这里插入图片描述当点击提交按钮时，表单数据以 HTML 表格的形式呈现在 result.html 上。

9.2 Flask Cookies

Cookie以文本文件的形式存储在客户端的计算机上。其目的是记住和跟踪与客户使用相关的数据，以获得更好的访问者体验和网站统计信息。

Request对象包含Cookie的属性。它是所有cookie变量及其对应值的字典对象，客户端已传输。除此之外，cookie还存储其网站的到期时间，路径和域名。
在Flask中，对cookie的处理步骤为：

设置cookie：
设置cookie,默认有效期是临时cookie,浏览器关闭就失效
可以通过 max_age 设置有效期，单位是秒

 resp = make_response("success")   # 设置响应体
 resp.set_cookie("chenshifeng", "shifengboy", max_age=3600)

获取cookie
获取cookie，通过request.cookies的方式，返回的是一个字典，可以获取字典里的相应的值

cookie_1 = request.cookies.get("chenshifeng")

删除cookie
这里的删除只是让cookie过期，并不是直接删除cookie
删除cookie，通过delete_cookie()的方式，里面是cookie的名字

resp = make_response("del success")  # 设置响应体
resp.delete_cookie("chenshifeng")

以下为Flask Cookies的简单示例：

from flask import Flask, make_response, request
app = Flask(name)
@app.route("/set_cookies")

def set_cookie():

resp = make_response("success")

resp.set_cookie("chenshifeng", "shifengboy",max_age=3600)

return resp
@app.route("/get_cookies")

def get_cookie():

cookie_1 = request.cookies.get("chenshifeng")  # 获取名字为Itcast_1对应cookie的值

return cookie_1
@app.route("/delete_cookies")

def delete_cookie():

resp = make_response("del success")

resp.delete_cookie("chenshifeng")
<span class="hljs-keyword">return</span> resp

if name == 'main':

app.run(debug=True)

设置cookies

运行应用程序，在浏览器中输入 127.0.0.1:5000/set_cookies 来设置cookies，设置 cookies 的输出如下所示：
在这里插入图片描述
获取cookie
根据视图函数中相对应的路径，输入 http://127.0.0.1:5000/get_cookies ，读回 cookies 的输出如下所示：

删除cookie
根据视图函数中相对应的路径，输入 http://127.0.0.1:5000/delete_cookies ，删除 cookies 的输出如下所示：
在这里插入图片描述

注意删除，只是让 cookie 过期。

10.Flask 会话

与Cookie不同，Session（会话）数据存储在服务器上。会话是客户端登录到服务器并注销服务器的时间间隔。需要在该会话中保存的数据会存储在服务器上的临时目录中。

为每个客户端的会话分配会话ID。会话数据存储在cookie的顶部，服务器以加密方式对其进行签名。对于此加密，Flask应用程序需要一个定义的SECRET_KEY。

Session对象也是一个字典对象，包含会话变量和关联值的键值对。

例如，要设置一个'username'会话变量，请使用以下语句：

Session['username'] = 'admin'

要释放会话变量，请使用pop()方法。

session.pop('username', None)

演示代码：


from flask import Flask, session, redirect, url_for, request
app = Flask(name)
app.secret_key = 'fkdjsafjdkfdlkjfadskjfadskljdsfklj'  # 确保设置应用程序的secret_key
@app.route('/')

def index():

if 'username' in session:

username = session['username']
    <span class="hljs-keyword">return</span> <span class="hljs-string">'登录用户名是:'</span> + username + <span class="hljs-string">'&lt;br&gt;'</span> + 
           <span class="hljs-string">"&lt;b&gt;&lt;a href = '/logout'&gt;点击这里注销&lt;/a&gt;&lt;/b&gt;"</span>

<span class="hljs-keyword">return</span> <span class="hljs-string">"您暂未登录， &lt;br&gt;&lt;a href = '/login'&gt;&lt;/b&gt;"</span> + 
       <span class="hljs-string">"点击这里登录&lt;/b&gt;&lt;/a&gt;"</span>

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

def login():

if request.method == 'POST':

session['username'] = request.form['username']
    <span class="hljs-keyword">return</span> redirect(url_for(<span class="hljs-string">'index'</span>))

<span class="hljs-keyword">return</span> <span class="hljs-string">'''

<form action = "" method = "post">
  &lt;p&gt;&lt;input type ="text" name ="username"/&gt;&lt;/p&gt;

  &lt;p&gt;&lt;input type ="submit" value ="登录"/&gt;&lt;/p&gt;

</form>
'''
@app.route('/logout')

def logout():

# remove the username from the session if it is there
session.pop(<span class="hljs-string">'username'</span>, <span class="hljs-literal">None</span>)

<span class="hljs-keyword">return</span> redirect(url_for(<span class="hljs-string">'index'</span>))

if name == 'main':

app.run(debug=True)

如何生成一个好的密钥
生成随机数的关键在于一个好的随机种子，因此一个好的密钥应当有足够的随机性。操作系统可以有多种方式基于密码随机生成器来生成随机数据。使用下面的命令可以快捷的为 Flask.secret_key （或者 SECRET_KEY ）生成值:
$ python -c 'import os; print(os.urandom(16))'
b'_5#y2L"F4Q8z xec]/'

访问http://127.0.0.1:5000/，只是提示用户登录，因为未设置会话变量'username'。
在这里插入图片描述
当用户点击登录，浏览到“/login”login()视图函数时，因为它是通过GET方法调用的，所以将打开一个登录表单。

点击登录，通过POST方法将表单发送回'/login'，现在会话变量已设置。应用程序重定向到'/'。此时会话变量'username'被找到。
在这里插入图片描述
应用程序还包含一个logout()视图函数，它会弹出'username'会话变量。因此，'/' URL再次显示开始页面。

11.Flask 重定向和错误

Flask类有一个redirect()函数。调用时，它返回一个响应对象，并将用户重定向到具有指定状态代码的另一个目标位置。

redirect()函数的原型如下：

Flask.redirect(location, statuscode, response)

在上述函数中：

location参数是应该重定向响应的URL。
statuscode发送到浏览器标头，默认为302。
response参数用于实例化响应。

以下状态代码已标准化：

HTTP_300_MULTIPLE_CHOICES
HTTP_301_MOVED_PERMANENTLY
HTTP_302_FOUND
HTTP_303_SEE_OTHER
HTTP_304_NOT_MODIFIED
HTTP_305_USE_PROXY
HTTP_306_RESERVED
HTTP_307_TEMPORARY_REDIRECT

默认状态代码为302，表示'found'。
在以下示例中，redirect()函数用于在登录尝试失败时再次显示登录页面。

from flask import Flask, redirect, url_for, render_template, request
# Initialize the Flask application

app = Flask(name)
@app.route('/')

def index():

return render_template('log_in.html')
@app.route('/login', methods=['POST', 'GET'])

def login():

if request.method == 'POST' and request.form['username'] == 'admin':

return redirect(url_for('success'))

return redirect(url_for('index'))
@app.route('/success')

def success():

return 'logged in successfully'
if name == 'main':

app.run(debug=True)

下面给出的是 log_in.html的 HTML 脚本。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
      <form action = "http://localhost:5000/login" method = "POST">
         <p>Enter Name:</p>
         <p><input type = "text" name = "username" /></p>
         <p><input type = "submit" value = "submit" /></p>
      </form>
</body>
</html>

Flask类具有带有错误代码的abort()函数。

Flask.abort(code)

Code参数采用以下值之一：

400 - 用于错误请求
401 - 用于未身份验证的
403 - Forbidden
404 - 未找到
406 - 表示不接受
415 - 用于不支持的媒体类型
429 - 请求过多
让我们对上述代码中的login()函数稍作更改。如果要显示'Unauthurized'页面，请将其替换为调用abort(401)，而不是重新显示登录页面。

from flask import Flask, redirect, url_for, render_template, request, abort
app = Flask(name)
@app.route('/')

def index():

return render_template('log_in.html')
@app.route('/login', methods=['POST', 'GET'])

def login():

if request.method == 'POST':

if request.form['username'] == 'admin':

return redirect(url_for('success'))

else:

abort(401)

else:

return redirect(url_for('index'))
@app.route('/success')

def success():

return 'logged in successfully'
if name == 'main':

app.run(debug=True)

运行，输入非admin的用户名，点击提交
在这里插入图片描述

12. Flask 消息闪现

一个好的基于 GUI 的应用程序会向用户提供有关交互的反馈。例如，桌面应用程序使用对话框或消息框，JavaScript 使用警报用于类似目的。

在 Flask Web 应用程序中生成这样的信息性消息很容易。Flask 框架的闪现系统可以在一个视图中创建消息，并在名为 next 的视图函数中呈现它。

Flask 模块包含 flash() 方法。它将消息传递给下一个请求，该请求通常是一个模板。

flash(message, category)

其中，

message 参数是要闪现的实际消息。
category 参数是可选的。它可以是“error”，“info”或“warning”。
为了从会话中获取消息，模板调用 get_flashed_messages()。
以下是一个完整的示例:

from flask import Flask, flash, redirect, render_template, 
     request, url_for
app = Flask(name)

app.secret_key = b'_5#y2L"F4Q8z
xec]/'
@app.route('/')

def index():

return render_template('index.html')
@app.route('/login', methods=['GET', 'POST'])

def login():

error = None

if request.method == 'POST':

if request.form['username'] != 'admin' or 

request.form['password'] != 'secret':

error = 'Invalid credentials'

else:

flash('You were successfully logged in')

return redirect(url_for('index'))

return render_template('login.html', error=error)
if name == 'main':

app.run(debug=True)

以下是实现闪现的 layout.html 模板：

<!doctype html>
<title>My Application</title>
{% with messages = get_flashed_messages() %}
  {% if messages %}
    <ul class=flashes>
    {% for message in messages %}
      <li>{{ message }}</li>
    {% endfor %}
    </ul>
  {% endif %}
{% endwith %}
{% block body %}{% endblock %}

以下是继承自 layout.html 的 index.html 模板：

{% block body %}
  <h1>Overview</h1>
  <p>Do you want to <a href="{{ url_for('login') }}">log in?</a>
{% endblock %}

以下是同样继承自 layout.html 的 login.html 模板：

{% extends "layout.html" %}
{% block body %}
  <h1>Login</h1>
  {% if error %}
    <p class=error><strong>Error:</strong> {{ error }}
  {% endif %}
  <form method=post>
    <dl>
      <dt>Username:
      <dd><input type=text name=username value="{{
          request.form.username }}">
      <dt>Password:
      <dd><input type=password name=password>
    </dl>
    <p><input type=submit value=Login>
  </form>
{% endblock %}

运行
首页
在这里插入图片描述
登录报错页

登录成功页

13. Flask 文件上传

在 Flask 中处理文件上传非常简单。它需要一个 HTML 表单，其 enctype 属性设置为'multipart/form-data'，将文件发布到 URL。URL 处理程序从 request.files[] 对象中提取文件，并将其保存到所需的位置。

每个上传的文件首先会保存在服务器上的临时位置，然后将其实际保存到它的最终位置。目标文件的名称可以是硬编码的，也可以从 request.files[file] 对象的filename属性中获取。但是，建议使用 secure_filename() 函数获取它的安全版本。
可以在 Flask 对象的配置设置中定义默认上传文件夹的路径和上传文件的最大大小。

app.config[‘UPLOAD_FOLDER’] 定义上传文件夹的路径 app.config[‘MAX_CONTENT_LENGTH’] 指定要上传的文件的最大大小（以字节为单位）

以下代码具有 '/upload' URL 规则，该规则在 templates 文件夹中显示 'upload.html'，以及 '/ upload-file' URL 规则，用于调用 uploader() 函数处理上传过程。
'upload.html' 有一个文件选择器按钮和一个提交按钮。

<html>
<head>
  <title>File Upload</title>
</head>
<body>
    <form action="http://localhost:5000/uploader" method="POST" enctype="multipart/form-data">
        <input type="file" name="file" accept=".jpg,.png" />
        <input type="submit" />
    </form>
</body>
</html>

以下是 Flask 应用程序的 Python 代码。

from flask import Flask, render_template, request
from werkzeug.utils import secure_filename
import os
app = Flask(name)

app.config['UPLOAD_FOLDER'] = '/Users/chenshifeng/upload/'
@app.route('/upload')

def upload_file():

return render_template('upload.html')
@app.route('/uploader', methods = ['GET', 'POST'])

def uploader():

if request.method == 'POST':

f = request.files['file']

f.save(os.path.join(app.config['UPLOAD_FOLDER'],secure_filename(f.filename)))

return 'file uploaded successfully'
if name == 'main':

app.run()

您将看到如下所示的界面。
在这里插入图片描述
选择文件后，单击提交。表单的 post 方法调用 '/ upload_file' URL。底层函数 uploader() 执行保存操作。
上传成功会显示以下画面：

上传文件被放到/Users/chenshifeng/upload文件夹下：

14. Flask 扩展

Flask通常被称为微框架，因为核心功能包括基于Werkzeug的WSGI和路由以及基于Jinja2的模板引擎。此外，Flask框架还支持cookie和会话，以及JSON，静态文件等Web帮助程序。显然，这不足以开发完整的Web应用程序。而Flask扩展就具备这样的功能。Flask扩展为Flask框架提供了可扩展性。

有大量的Flask扩展可用。Flask扩展是一个Python模块，它向Flask应用程序添加了特定类型的支持。Flask Extension Registry（Flask扩展注册表）是一个可用的扩展目录。可以通过pip实用程序下载所需的扩展名。

在本教程中，我们将讨论以下重要的Flask扩展：

Flask Mail - 为Flask应用程序提供SMTP接口
Flask WTF - 添加WTForms的渲染和验证
Flask SQLAlchemy - 为Flask应用程序添加SQLAlchemy支持
Flask Sijax - Sijax的接口 - Python/jQuery库，使AJAX易于在Web应用程序中使用

每种类型的扩展通常提供有关其用法的大量文档。由于扩展是一个Python模块，因此需要导入它才能使用它。Flask扩展名通常命名为flask-foo。导入的操作如下：

from flask_foo import [class, function]

对于0.7以后的Flask版本，您还可以使用语法：

from flask.ext import foo

对于此用法，需要激活兼容性模块。它可以通过运行flaskext_compat.py来安装：

import flaskext_compat
flaskext_compat.activate()
from flask.ext import foo

14.1 Flask 邮件

务器建立简单的接口变得非常容易。

首先，应该在pip实用程序的帮助下安装Flask-Mail扩展。

pip install Flask-Mail

然后需要通过设置以下应用程序参数的值来配置Flask-Mail。

参数	描述
MAIL_SERVER	电子邮件服务器的名称/IP地址
MAIL_PORT	使用的服务器的端口号
MAIL_USE_TLS	启用/禁用传输安全层加密
MAIL_USE_SSL	启用/禁用安全套接字层加密
MAIL_DEBUG	调试支持。默认值是Flask应用程序的调试状态
MAIL_USERNAME	发件人的用户名
MAIL_PASSWORD	发件人的密码
MAIL_DEFAULT_SENDER	设置默认发件人
MAIL_MAX_EMAILS	设置要发送的最大邮件数
MAIL_SUPPRESS_SEND	如果app.testing设置为true，则发送被抑制
MAIL_ASCII_ATTACHMENTS	如果设置为true，则附加的文件名将转换为ASCII

flask-mail模块包含以下重要类的定义。

14.1.1 Mail类

它管理电子邮件消息传递需求。类构造函数采用以下形式：

flask-mail.Mail(app = None)

构造函数将Flask应用程序对象作为参数。
Mail类的方法：

方法	描述
send()	发送Message类对象的内容
connect()	打开与邮件主机的连接
send_message()	发送消息对象

14.1.2 Message类

它封装了一封电子邮件。Message类构造函数有几个参数:

flask-mail.Message(subject, recipients, body, html, sender, cc, bcc, reply-to, date, charset, extra_headers, mail_options,rcpt_options)

Message类方法：

attach() - 为邮件添加附件。此方法采用以下参数：
- filename - 要附加的文件的名称
- content_type - MIME类型的文件
- data - 原始文件数据
- 处置 - 内容处置（如果有的话）。
add_recipient() - 向邮件添加另一个收件人

在下面的示例中，使用QQ邮箱服务的SMTP服务器用作Flask-Mail配置的MAIL_SERVER。

from flask import Flask
from flask_mail import Mail, Message
app =Flask(name)

mail=Mail(app)
app.config['MAIL_SERVER']='smtp.qq.com'

app.config['MAIL_PORT'] = 465

app.config['MAIL_USERNAME'] = 'xxxxx@qq.com'

app.config['MAIL_PASSWORD'] = 'xxxxxxxx'

app.config['MAIL_USE_TLS'] = False

app.config['MAIL_USE_SSL'] = True

mail = Mail(app)
@app.route("/")

def index():

msg = Message('Hello', sender = 'xxxxx@qq.com', recipients = ['xxxxx@qq.com'])

msg.body = "Hello Flask message sent from Flask-Mail"

mail.send(msg)

return "Sent"
if name == 'main':

app.run(debug = True)

在这里插入图片描述

15. Flask SQLAlchemy

步骤1 - 安装Flask-SQLAlchemy扩展。

pip install flask-sqlalchemy

步骤2 - 您需要从此模块导入SQLAlchemy类。

from flask_sqlalchemy import SQLAlchemy

步骤3 - 现在创建一个Flask应用程序对象并为要使用的数据库设置URI。

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///students.sqlite3'

步骤4 - 然后使用应用程序对象作为参数创建SQLAlchemy类的对象。该对象包含用于ORM操作的辅助函数。它还提供了一个父Model类，使用它来声明用户定义的模型。在下面的代码段中，创建了students模型。

db = SQLAlchemy(app)
class students(db.Model):
   id = db.Column('student_id', db.Integer, primary_key = True)
   name = db.Column(db.String(100))
   city = db.Column(db.String(50))  
   addr = db.Column(db.String(200))
   pin = db.Column(db.String(10))
def init(self, name, city, addr,pin):

self.name = name

self.city = city

self.addr = addr

self.pin = pin

步骤5 - 要创建/使用URI中提及的数据库，请运行create_all()方法。

db.create_all()

SQLAlchemy的Session对象管理ORM对象的所有持久性操作。
以下session方法执行CRUD操作：

db.session.add (模型对象) - 将记录插入到映射表中
db.session.delete (模型对象) - 从表中删除记录
model.query.all() - 从表中检索所有记录（对应于SELECT查询）。
您可以通过使用filter属性将过滤器应用于检索到的记录集。例如，要在学生表中检索city ='Hyderabad'的记录，请使用以下语句：

Students.query.filter_by(city = ’Hyderabad’).all()

有了这么多的背景，现在我们将为我们的应用程序提供视图函数来添加学生数据。

应用程序的入口点是绑定到'/' URL的show_all()函数。学生表的记录集作为参数发送到HTML模板。模板中的服务器端代码以HTML表格形式呈现记录。

@app.route('/')
def show_all():
   return render_template('show_all.html', students = students.query.all() )

模板（'show_all.html'）的HTML脚本如下：

<!DOCTYPE html>
<html lang = "en">
   <head></head>
   <body>
  <span class="hljs-tag">&lt;<span class="hljs-name">h3</span>&gt;</span>
     <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span> = <span class="hljs-string">"{{ url_for('show_all') }}"</span>&gt;</span>Comments - Flask 
        SQLAlchemy example<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
  <span class="hljs-tag">&lt;/<span class="hljs-name">h3</span>&gt;</span>
  
  <span class="hljs-tag">&lt;<span class="hljs-name">hr</span>/&gt;</span>
  {%- for message in get_flashed_messages() %}
     {{ message }}
  {%- endfor %}
	
  <span class="hljs-tag">&lt;<span class="hljs-name">h3</span>&gt;</span>Students (<span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span> = <span class="hljs-string">"{{ url_for('new') }}"</span>&gt;</span>Add Student
     <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>)<span class="hljs-tag">&lt;/<span class="hljs-name">h3</span>&gt;</span>
  
  <span class="hljs-tag">&lt;<span class="hljs-name">table</span>&gt;</span>
     <span class="hljs-tag">&lt;<span class="hljs-name">thead</span>&gt;</span>
        <span class="hljs-tag">&lt;<span class="hljs-name">tr</span>&gt;</span>
           <span class="hljs-tag">&lt;<span class="hljs-name">th</span>&gt;</span>Name<span class="hljs-tag">&lt;/<span class="hljs-name">th</span>&gt;</span>
           <span class="hljs-tag">&lt;<span class="hljs-name">th</span>&gt;</span>City<span class="hljs-tag">&lt;/<span class="hljs-name">th</span>&gt;</span>
           <span class="hljs-tag">&lt;<span class="hljs-name">th</span>&gt;</span>Address<span class="hljs-tag">&lt;/<span class="hljs-name">th</span>&gt;</span>
           <span class="hljs-tag">&lt;<span class="hljs-name">th</span>&gt;</span>Pin<span class="hljs-tag">&lt;/<span class="hljs-name">th</span>&gt;</span>
        <span class="hljs-tag">&lt;/<span class="hljs-name">tr</span>&gt;</span>
     <span class="hljs-tag">&lt;/<span class="hljs-name">thead</span>&gt;</span>
     
     <span class="hljs-tag">&lt;<span class="hljs-name">tbody</span>&gt;</span>
        {% for student in students %}
           <span class="hljs-tag">&lt;<span class="hljs-name">tr</span>&gt;</span>
              <span class="hljs-tag">&lt;<span class="hljs-name">td</span>&gt;</span>{{ student.name }}<span class="hljs-tag">&lt;/<span class="hljs-name">td</span>&gt;</span>
              <span class="hljs-tag">&lt;<span class="hljs-name">td</span>&gt;</span>{{ student.city }}<span class="hljs-tag">&lt;/<span class="hljs-name">td</span>&gt;</span>
              <span class="hljs-tag">&lt;<span class="hljs-name">td</span>&gt;</span>{{ student.addr }}<span class="hljs-tag">&lt;/<span class="hljs-name">td</span>&gt;</span>
              <span class="hljs-tag">&lt;<span class="hljs-name">td</span>&gt;</span>{{ student.pin }}<span class="hljs-tag">&lt;/<span class="hljs-name">td</span>&gt;</span>
           <span class="hljs-tag">&lt;/<span class="hljs-name">tr</span>&gt;</span>
        {% endfor %}
     <span class="hljs-tag">&lt;/<span class="hljs-name">tbody</span>&gt;</span>
  <span class="hljs-tag">&lt;/<span class="hljs-name">table</span>&gt;</span>

</body>

</html>

上述网页包含指向'/ new' URL映射new()函数的超链接。单击时，将打开“学生信息”表单。数据在 POST方法中发布到相同的URL。
new.html

<!DOCTYPE html>
<html>
   <body>
  <span class="hljs-tag">&lt;<span class="hljs-name">h3</span>&gt;</span>Students - Flask SQLAlchemy example<span class="hljs-tag">&lt;/<span class="hljs-name">h3</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">hr</span>/&gt;</span>
  
  {%- for category, message in get_flashed_messages(with_categories = true) %}
     <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span> = <span class="hljs-string">"alert alert-danger"</span>&gt;</span>
        {{ message }}
     <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
  {%- endfor %}
  
  <span class="hljs-tag">&lt;<span class="hljs-name">form</span> <span class="hljs-attr">action</span> = <span class="hljs-string">"{{ request.path }}"</span> <span class="hljs-attr">method</span> = <span class="hljs-string">"post"</span>&gt;</span>
     <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">for</span> = <span class="hljs-string">"name"</span>&gt;</span>Name<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>&gt;</span>
     <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span> = <span class="hljs-string">"text"</span> <span class="hljs-attr">name</span> = <span class="hljs-string">"name"</span> <span class="hljs-attr">placeholder</span> = <span class="hljs-string">"Name"</span> /&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>&gt;</span>
     <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">for</span> = <span class="hljs-string">"email"</span>&gt;</span>City<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>&gt;</span>
     <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span> = <span class="hljs-string">"text"</span> <span class="hljs-attr">name</span> = <span class="hljs-string">"city"</span> <span class="hljs-attr">placeholder</span> = <span class="hljs-string">"city"</span> /&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>&gt;</span>
     <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">for</span> = <span class="hljs-string">"addr"</span>&gt;</span>addr<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>&gt;</span>
     <span class="hljs-tag">&lt;<span class="hljs-name">textarea</span> <span class="hljs-attr">name</span> = <span class="hljs-string">"addr"</span> <span class="hljs-attr">placeholder</span> = <span class="hljs-string">"addr"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>&gt;</span>
     <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">for</span> = <span class="hljs-string">"PIN"</span>&gt;</span>PINCODE<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>&gt;</span>
     <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span> = <span class="hljs-string">"text"</span> <span class="hljs-attr">name</span> = <span class="hljs-string">"pin"</span> <span class="hljs-attr">placeholder</span> = <span class="hljs-string">"pin"</span> /&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>&gt;</span>
     <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span> = <span class="hljs-string">"submit"</span> <span class="hljs-attr">value</span> = <span class="hljs-string">"Submit"</span> /&gt;</span>
  <span class="hljs-tag">&lt;/<span class="hljs-name">form</span>&gt;</span>

</body>

</html>

当http方法被检测为POST时，表单数据被添加到学生表中，并且应用返回到显示添加数据的主页。

@app.route('/new', methods = ['GET', 'POST'])
def new():
   if request.method == 'POST':
      if not request.form['name'] or not request.form['city'] or not request.form['addr']:
         flash('Please enter all the fields', 'error')
      else:
         student = students(request.form['name'], request.form['city'],
            request.form['addr'], request.form['pin'])
     db.session.add(student)
     db.session.commit()
     
     flash(<span class="hljs-string">'Record was successfully added'</span>)
     <span class="hljs-keyword">return</span> redirect(url_for(<span class="hljs-string">'show_all'</span>))

return render_template('new.html')

下面给出了应用程序（app.py）的完整代码。

from flask import Flask, request, flash, url_for, redirect, render_template
from flask_sqlalchemy import SQLAlchemy
app = Flask(name)

app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///students.sqlite3'

app.config['SECRET_KEY'] = "random string"
db = SQLAlchemy(app)
class students(db.Model):

id = db.Column('student_id', db.Integer, primary_key=True)

name = db.Column(db.String(100))

city = db.Column(db.String(50))

addr = db.Column(db.String(200))

pin = db.Column(db.String(10))
<span class="hljs-function"><span class="hljs-keyword">def</span> <span class="hljs-title">__init__</span>(<span class="hljs-params">self, name, city, addr, pin</span>):</span>
    self.name = name
    self.city = city
    self.addr = addr
    self.pin = pin

@app.route('/')

def show_all():

return render_template('show_all.html', students=students.query.all())
@app.route('/new', methods=['GET', 'POST'])

def new():

if request.method == 'POST':

if not request.form['name'] or not request.form['city'] or not request.form['addr']:

flash('Please enter all the fields', 'error')

else:

student = students(request.form['name'], request.form['city'],

request.form['addr'], request.form['pin'])
        db.session.add(student)
        db.session.commit()
        flash(<span class="hljs-string">'Record was successfully added'</span>)
        <span class="hljs-keyword">return</span> redirect(url_for(<span class="hljs-string">'show_all'</span>))
<span class="hljs-keyword">return</span> render_template(<span class="hljs-string">'new.html'</span>)

if name == 'main':

db.create_all()

app.run(debug=True)

首页
在这里插入图片描述
错误页：

提交成功页：

本文参考：https://www.w3cschool.cn/flask/

相关阅读:
JavaScript 电话手机号码正则表达式
 查找和删除sqlserver数据库中的重复记录
 配置文件app.config
数据类型 ntext 和 varchar 在 equal to 运算符中不兼容的错误信息
 用jscript处理repeater生成的表格, 实现分页打印
 我在Repeater控件中有CheckBox控件，我怎么能选中CheckBox控件后，Repeater控件重新绑定一下？
种方式遍历repeater中的CheckBox全选
 Repeater导出为excel格式
 给Repeater、Datalist和Datagrid增加自动编号
 js中对datagrid ,repeater的checkbox进行全选反选
原文地址：https://www.cnblogs.com/R-bear/p/15027043.html