Flask POST请求 Flask web开发处理POST请求实现（登录案例）

时间:2021-03-31 51kata 人气:0

本文我们以一个登录例子来说明Flask对 post请求的处理机制。

1、创建应用目录，如

mkdir example
cd example

2、在应用目录下创建 run.py文件，内容如下

from flask import Flask
from flask import render_template, redirect,url_for
from flask import request

app = Flask(__name__)

@app.route('/login', methods=['POST','GET'])
def login():
  error = None
  if request.method == 'POST':
    if request.form['username']=='admin':
      return redirect(url_for('home',username=request.form['username']))
    else:
      error = 'Invalid username/password'
  return render_template('login.html', error=error)

@app.route('/home')
def home():
  return render_template('home.html', username=request.args.get('username'))

if __name__ == '__main__':
  app.debug = True
  app.run('0.0.0.0',80)

上面的代码解释如下：

1）上面的代码用到了几个flask的方法

render_template ：将请求定位到模板文件上，处理模板文件后，将结果作为请求的响应返回

redirect：将请求的响应重定向到新的url上。上面的例子是，当登录成功后，重定向到 home页面。

url_for：根据参数生成url

2）request对象的使用

request对象包含了所有的请求信息，通过它可获取所需要的请求信息。

3）app.route增加了methods参数，指明该url支持的http请求方式，默认是get方式。上面例子 /login即作为get，也作为post的请求目标。

3、在应用目录下创建 templates目录，在templates目录下创建 login.html 和 home.html，内容分别如下：

1）login.html文件

<!DOCTYPE html>
<html lang="zh-CN">
 <head>
  <meta charset="utf-8">
  <title>login</title>
 </head>
 <body>
  <form style="margin:20px;border:1px solid red" method="post" action="/login">
    <span>username:</span><input type="text" name="username" id="username"><br/>
    <span>password:</span><input type="password" name="password" id="password"><br/>
    <button type="submit" id="loginBtn">login</button>
  </form>
  {% if error %}
    <h1 style="color:red">{{ error }}!</h1>
  {% endif %}
 </body>
</html>

2）home.html

<!DOCTYPE html>
<html lang="zh-CN">
 <head>
  <meta charset="utf-8">
  <title>home</title>
 </head>
 <body>
  <h1>wlcome {{username}} , this is home</h1>
 </body>
</html>

4、启动服务

在应用目录下运行 python run.py

5、测试访问

http://192.168.142.138/login

注意：登录成功后，会进入 http://192.168.142.138/home?username=admin 页面

这个url显示不好。可以通过session的方式来不需要将username传入，而是在home.html中通过session获取。

这个在后面的文章中介绍。

加载全部内容