Flask web开发处理POST请求实现(登录案例)
程序员文章站
2022-08-28 08:16:19
本文我们以一个登录例子来说明Flask对 post请求的处理机制。
1、创建应用目录,如
mkdir example
cd example
2、在应...
本文我们以一个登录例子来说明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获取。
这个在后面的文章中介绍。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇: 移动端利用H5实现压缩图片上传功能