Flask框架之数据交互的实现
目录
- 1 使用Flask处理表单
- 1.1 使用Flask处理通用表单
- 1.2 使用Flask-WTF处理表单
- 2 使用Flask上传文件
- 3 Cookie的使用
- 3.1 Cookie的基本概念
- 3.2 Cookie的基本使用
- 4 Session的使用
- 4.1 Session的基本配置
- 4.2 Session的基本使用
1 使用Flask处理表单
什么是表单(Form)? 表单是搜集用户数据信息的各种表单元素的集合区域。它的作用是实现用户和服务器的数据交互。通过表单搜集客户端输入的数据信息，如何提交到网站服务器进行处理（搜集录入/比对验证等）。Form表单是Web应用中最继承的一部分。为了能处理Form表单，Flask-WTF扩展提供了良好的支持。
1.1 使用Flask处理通用表单
Flask请求对象包括客户端发出的所有请求信息，其中，request.form能获取POST请求中提交的表单数据。尽管Flask的请求对象提供的信息足够用于处理Web表单，但有些任务很单调，而且需要重复操作。
indexhtml
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<style>
.div1 {
height: 180px;
width: 380px;
border: 1px solid #8A8989;
margin: 0 auto;
}
.input {
display: block;
width: 350px;
height: 40px;
margin: 10px auto;
}
.button {
background: #2066C5;
color: white;
font-size: 18px;
font-weight: bold;
height: 50px;
border-radius: 4px;
}
</style>
<div class="div1">
{# action:接受的路由 #}
<form action="/login" method="post">
<input type="text" class="input" name="username" placeholder="请输入用户名">
<input type="password" class="input" name="pwd" placeholder="请输入密码">
<input type="submit" value="登录" class="input button">
</form>
</div>
</body>
</html>
app.py
# @time:2020/11/8 16:18
# Author:Small-J
from flask import Flask, render_template, request
app = Flask(__name__)
@app.route('/')
def hello_world():
return render_template('index5.html')
@app.route('/login', methods=['GET', 'POST'])
def login():
if request.method == 'GET':
return '这是get请求'
else:
return '这是post请求'
if __name__ == '__main__':
app.run(debug=True)
发送post请求成功
使用Postman发送Get请求成功
在上面的工程中，对表单没有进行必要的保护措施，很容易被人利用，控制用户在当前已登录的Web应用程序上执行非本意的操作。因此，在实际部署服务器上的代码时，不建议使用这个方式处理表单，推荐使用Flask-WTF方式进行表单处理。
1.2 使用Flask-WTF处理表单
Flask-WTF的安装：pip install flask-wtf
启动CSRF保护
Flask-WTF提供了对所有Form表单免受跨站请求伪造(Cross-Site Request Forgery, CSRF)攻击的技术支持（通过添加动态token令牌的方式）
我们在Flask根目录下新增config.py配置文件，要启动CSRF保护，可以在config.py中定义两个变量
# @time:2020/11/8 16:54 # Author:Small-J import os import random # 开启CSRF保护 CSRF_ENABLED = True # 生成密钥 SECRET_KEY = os.urandom(24)
form.py
# @time:2020/11/8 17:00
# Author:Small-J
# 引入Form元素的基类
from flask_wtf import Form
# 引入Form元素的父类
from wtforms import StringField, PasswordField
# 引入Form验证父类
from wtforms.validators import DataRequired, Length
# 登录表单类,继承于Form类
class BaseLogin(Form):
# 用户名
name = StringField('name', validators=[DataRequired(message="用户名不能为空"), Length(6, 16, message="长度为6~16之间")], render_kw={'placeholder': '输入用户名'})
# 密码
password = PasswordField('password', validators=[DataRequired(message="密码不能为空"), Length(6, 16, message='长度位于6~16之间')], render_kw={'placeholder': '输入密码'})
app.py
# @time:2020/11/8 16:54
# Author:Small-J
from flask import Flask, flash
from flask import url_for, render_template
from flask_wtf.csrf import CSRFProtect
# 导入定义的BaseLogin
from forms import BaseLogin
import config
app = Flask(__name__)
# 配置文件初始化
app.config.from_object(config)
@app.route('/login', methods=['POST', 'GET'])
def base_login():
form = BaseLogin()
# 判断验证提交是否通过
if form.validate_on_submit():
flash(form.name.data + '|' + form.password.data)
return '表单数据提交成功'
else:
return render_template('login.html', form=form)
@app.route('/')
def hello_world():
return 'Hello World'
if __name__ == '__main__':
app.run(debug=True)
login.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Flask_WTF</title>
</head>
<body>
<style type="text/css">
.div1 {
height: 180px;
width: 380px;
border: 1px solid #8A8989;
margin: 0 auto;
}
.input {
display: block;
width: 350px;
height: 40px;
margin: 10px auto;
}
.button {
background: #2066C5;
color: white;
font-size: 18px;
font-weight: bold;
height: 50px;
border-radius: 4px;
}
</style>
<div class="div1">
<form action="/login" method="post">
<!--启动CSRF-->
{{ form.hidden_tag() }}
{{ form.name(size=16, id='name', class='input') }}
{% for e in form.name.errors %}
<span style="color: red">{{ e }}</span>
{% endfor %}
{{ form.password(size=16, id='password', class='input') }}
{% for e in form.password.errors %}
<span style="color: red">{{ e }}</span>
{% endfor %}
<input type="submit" value="登录" class="input button">
</form>
</div>
</body>
</html>
2 使用Flask上传文件
在Web开发时，经常需要实现文件上传功能。可以以普通方式进行文件的上传，上传过程一般要检查上传的文件格式是否符合要求，文件保存时注意绝对路径和相对路径。
Flask文件上传比较简单，需要注意以下3点要求：
- 一个标签被标记有enctype=multipart/form-data，并且在里面包含一个input type=file
- 服务器端应用通过请求对象上的
files字典访问文件。 - 使用文件的
save()方法将文件永久地保存在文件系统上的某处。 - 注意：表单中必须要求enctype=“multipart/form-data”，否则上传文件无效。一般可以写成<form action="" method=“post” enctype=“multipart/form-data”
import os， from os import path指的是导入os模块及os模块下的path方法。方法下相关属性如下：
os.path.sep: windows下路径分隔符是反斜杠\;os.path.altsep: linux下路径分隔符是/根目录：os.path.curdir当前目录 ：os.path.pardir父目录 :os.path.abspath(path)- 绝对路径：
os.path.join()
注意：什么是文件分隔符？将表格转换为文本时，用分隔符标识文件分隔的位置或将文本转换成表格时，用其标识新行或新列的起始位置。不同操作系统下文件分隔符是不同的，Windows中是"", Linux中是"/"
# @time:2020/11/8 21:48
# Author:Small-J
# 导入secure_filename方法,将中文文件名传给secure_filename
from werkzeug.utils import secure_filename
from flask import Flask, render_template, request
import os
from os import path
app = Flask(__name__)
# 指定该路由可以使用的请求方式,get和post请求两种方式
@app.route('/', methods=['POST', 'GET'])
def hello_world():
# method : 请求的方法
if request.method == 'GET':
return render_template('upload.html')
else:
# request.files:代表着获取文件流
# 这里接受的file指的是对应name对应的值
f = request.files['file']
# 去掉其中文命名
filename = secure_filename(f.filename)
# save : 字节保存语句拼接
f.save(path.join('static/uploads', filename))
return "上传文件成功!"
if __name__ == '__main__':
app.run(debug=True)
upload.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文件上传</title>
<style type="text/css">
.div1 {
height: 180px;
width: 380px;
border: 1px solid #8A8989;
margin: 0 auto;
}
.input {
display: block;
width: 250px;
height: 30px;
margin: 10px auto;
}
.button {
background: #2066C5;
color: white;
font-size: 18px;
font-weight: bold;
height: 30px;
border-radius: 4px;
}
</style>
</head>
<body>
<div class="div1">
{# 当选择文件上传的时候,我们需要使用到enctype,否则是无法上传使用的 #}
{# multipart/form-data:在使用包含文件上传控件的表单时,必须使用该值 #}
<form action="" method="post" enctype="multipart/form-data">
<input type="file" name="file" class="input">
<input type="submit" value="上传" class="input button">
</form>
</div>
</body>
</html>
上传文件
3 Cookie的使用
Cookie有时也记作Cookies，它现在经常被大家提到，那么到底什么是Cookies?它有什么作用呢？Cookies是一种能够让服务器把少量数据储存到客户端的硬盘或内存，或是从客户端的硬盘读取数据的一种技术。当你再次浏览某网站时，浏览器将存放于本地的用户身份信息递交给服务器，服务器就可以识别用户的身份
3.1 Cookie的基本概念
当用户访问服务器并登录成功后，服务器向客户端返回的一些数据（Cookie），客户端将服务器返回的Cookie数据保存在本地，当用户再次访问服务器时，浏览器自动携带Cookie数据给服务器，服务器便自动访问者的身份信息。
Cookie基本的语法：set_cookie(name, value, expire, path, domain, secure)
| 参数 | 描述 |
|---|---|
| name | 必需项，规定Cookie的名称 |
| value | 必需项，规定Cookie的值 |
| expire | 可选项，规定Cookie的有效期 |
| path | 可选项，规定Cookie在当前Web下哪些目录有效 |
| domain | 可选项，规定Cookie作用的有效域名 |
| secure | 可选项，规定是否通过安全的HTTPS连接来传输Cookie |
3.2 Cookie的基本使用
我们在Flask中自定义Cookie，实际上就是在相应Response的Set-Cookie字段中新增加自定义的键值对。而获取Cookie,就是在请求Request中通过键获取对应的值，所以，在工程中必须引入Request和Response模块。
设置Cookie
设置Cookie主要有两种方法，一种是通过Response对象设置，另一种是通过直接设置表单头来实现。
# @time:2020/11/9 13:20
# Author:Small-J
from flask import Flask, request, Response
app = Flask(__name__)
@app.route('/')
def set_cookie():
# 创建响应
resp = Response("设置Cookie！")
# 设置Cookie名称
resp.set_cookie('username', 'Small-J')
return resp
if __name__ == '__main__':
app.run(debug=True)
查看Cookie
查看已经设置好的Cookie,可以通过request.cookies.get来得到
@app.route('/get_cookie')
def get_cookie():
# 可通过请求cookies方式来获取
username = request.cookies.get('username')
return username
删除Cookie
删除已经设置好的Cookie,可以通过delete_cookie()来完成。delect_cookie括号中对象为被删除的对象名，比如delect_cookie("username")
@app.route('/del_cookie')
def del_cookie():
# 创建响应
resp = Response('删除Cookie')
# 删除Cookie
resp.delete_cookie("username")
return resp
4 Session的使用
Session是基于Cookie实现的，保存在服务器的键值对(session[‘name’] = ‘value’)中。同时，在浏览器的Cookie也对应一个相同的随机字符串，用来再次请求的时验证
注意：Session是存储在服务器中的，Cookies是储存在浏览器本地中，而Flask的Session是基于Cookies，Session是经过加密保存在Cookies中。
4.1 Session的基本配置
因为Flask的Session是通过加密之后放在了Cookie中。有加密就有密钥用于解密，所以，用到了Flask的Sessio模块就一定要配置SECRET_KEY这个全局宏。一般将SECRET_KEY设置为24位的字符。我们可以自己设定一个随机字符串，例如：
app.config['SECRET_KEY'] = XXXXXXX
我们也可以引入OS模块中，自动产生一个24位的随机字符串函数。这种方法有个不足之处，就是服务器每次启动之后这个SECRET_KEY的值是不一样的，会造成Session验证失效，用户只有重新登录。
4.2 Session的基本使用
设置Session
设置Session主要是通过session['name'] = 'value'方法来完成，name代表的是变量名称，value代表的是变量的值
# @time:2020/11/9 16:59
# Author:Small-J
from flask import Flask, session
import os
app = Flask(__name__)
# 产生SECRET_KEY值
app.config['SECRET_KEY'] = os.urandom(24)
@app.route('/')
def set_session():
session['username'] = 'Small-J'
return 'Session设置成功'
获取Session的值
获取Session的值有两种方法
session['name']: 如果内容不存在，将会报异常session.get('name'): 如果内容不存在，将会返回None
class GetSession(views.View):
"""获取session的值"""
def dispatch_request(self):
username = session.get('username')
return username or "Session为空"
# 添加路由规则
app.add_url_rule(rule='/get_session', endpoint='get_session', view_func=GetSession.as_view('session'))
删除Session的值或清空Session所有值
删除单个Session的值，可以使用Session.pop('key')这个方法,如果清除多个Session的值，可以使用Session.clear方法
class DelSession(views.View):
"""删除session的值"""
def dispatch_request(self):
# 删除单个session
session.pop('username')
# 清空
# session.clear()
return 'Session被删除'
设置Session的过期时间
如果没有指定Session的过期时间，那么默认就是浏览器关闭后自动结束，即关闭浏览器失效。session.permanent=True在Flask下则可以将有效期延长至一个月。下面的方法可以配置具体多少天的有效期。
如果设置了Session的permanent属性为True，那么过期时间是31天。
可以通过给app.config设置PERMANENT_SESSION_LIFETIME来更改过期时间
在实际项目开发中可能还有一种需求，就是指定Session的失效时间为3天、7天、10天等整数天数的情况，这里主要用到了一个持续久化的会话生成的时间（实质就是Session会话的有效期）PERMANENT_SESSION_LIFETIME,作为一个datetime.timedelta对象
app.config['PERMANENT_SESSION_LIFETIME'] = timedelta(days=7)
到此这篇关于Flask框架之数据交互的实现的文章就介绍到这了,更多相关Flask 数据交互内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！
相关推荐
-
python使用flask与js进行前后台交互的例子
flask与js进行前后台交互代码如下,后台给前端发数据: python部分: # -*- coding: utf-8 -*- from flask import Flask,jsonify,render_template import json app = Flask(__name__)#实例化app对象 testInfo = {} @app.route('/test_post/nn',methods=['GET','POST'])#路由 def test_post(): testInfo['
-
详解Python flask的前后端交互
目录 前端 index.html script.js 后端 app.py 总结 场景:按下按钮,将左边的下拉选框内容发送给后端,后端再将返回的结果传给前端显示. 按下按钮之前: 按下按钮之后: 代码结构 这是flask默认的框架(html写在templates文件夹内.css和js写在static文件夹内) 前端 index.html 很简单的一个select下拉选框,一个按钮和一个文本,这里的 {{ temp }} 是从后端调用的. <html> <head> <meta
-
Python Flask前后端Ajax交互的方法示例
之前总结过flask里的基础知识,现在来总结下flask里的前后端数据交互的知识,这里用的是Ajax 一. post方法 1.post方法的位置:在前端HTML里,绑定在一个按钮的点击函数里,或者一个鼠标输入框点击离开事件. (1)数据附在URL里(请求路径),发送到后端. /*前端HTML<script>里:*/ $.post("/js_post/"+ip, data_to_backend, function(data){alert("success "
-
Flask交互基础(GET、 POST 、PUT、 DELETE)的使用
前言 看到这篇文章我就默认你已经在你的电脑上使用 pipenv搭建好了虚拟环境并且设置好了开发环境(pycharm).如果没有,请参照这篇文章.文章传送门 第一个flask程序 from flask import Flask #导入Flask类 app = Flask(__name__) # 实例化flask @app.route('/') # 使用路由,给 hello 函数定义一个路由,然后游览器通过http 请求得到相对应的数据 def hello_world(): return 'Hell
-
Flask框架之数据交互的实现
目录 1 使用Flask处理表单 1.1 使用Flask处理通用表单 1.2 使用Flask-WTF处理表单 2 使用Flask上传文件 3 Cookie的使用 3.1 Cookie的基本概念 3.2 Cookie的基本使用 4 Session的使用 4.1 Session的基本配置 4.2 Session的基本使用 1 使用Flask处理表单 什么是表单(Form)? 表单是搜集用户数据信息的各种表单元素的集合区域.它的作用是实现用户和服务器的数据交互.通过表单搜集客户端输入的数据信息,如何提
-
flask框架json数据的拿取和返回操作示例
本文实例讲述了flask框架json数据的拿取和返回操作.分享给大家供大家参考,具体如下: json数据结构:以套票票网站的城市数据为例,拿到数据莫慌, 1 先分析数据结构,有几个大的字段('returnCode'和'retuenValue'字段,只有一个字段作为定义,另一个字段作为保留(无需处理) 2 键表----> 拆分'returnValue'确定数据库表结构,('A'[]城市首字母表 和 城市具体信息字段{}表) 3 将拿到的数据拆分插入到数据库中 4 将数据库的数据以JSON 的形式
-
Flask框架运用Ajax实现数据交互的示例代码
目录 前后端发送字符串 前后端发送JSON数据 发送数据并携带token 收发JSON格式字符串 使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载刷新整个页面,这使得程序能够更快地回应用户的操作,如下笔记将简单介绍使用AJAX如何实现前后端数据通信. 前后端发送字符串 前端代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"
-
Python Flask框架实现Proteus仿真Arduino与网页数据交互
目录 实验原理 开发环境 Flask虚拟环境 Python Flask源码 用Proteus仿真Arduino 用com0com建立虚拟串口对 运行程序 实验原理 模拟电脑通过串口与Arduino开发板通信,并通过网页实现简单交互 开发环境 1.Windows10 2.Python3.10 3.Proteus8.6 4.com0com虚拟串口工具 Flask虚拟环境 先安装virtualenv: pip install virtualenv 建立项目文件夹(比如demo_4) 在demo_04文
-
python flask框架实现传数据到js的方法分析
本文实例讲述了python flask框架实现传数据到js的方法.分享给大家供大家参考,具体如下: 首先要清楚后台和前端交互所采用的数据格式. 一般选JSON,因为和js完美贴合. 后台返回的数据进行序列化 在/homepageRecommend 路由的 view方法中返回序列化数据 dict = {"a":1, "b":2}<br data-filtered="filtered"> import json json.dumps(di
-
在SSM框架下用laypage和ajax实现分页和数据交互的方法
layui,一款前端框架,提供了丰富的组件和模板,layui提供的简约后台管理模板,对于后端学习者来说是个不错的福音.这里记录在SSM框架下使用layui的分页组件laypage.(官网开发文档) 环境 Spring+SpringMVC+Mybatis , jquery-3.1.0.min.js , mysql-connector-java-5.1.34 参考文档 layui-laypage参数文档 前端代码主要参考的是layui官网给定的代码,加载layui.css和layui.js:除此之外
-
TP5(thinkPHP5)框架基于ajax与后台数据交互操作简单示例
本文实例讲述了TP5(thinkPHP5)框架基于ajax与后台数据交互操作.分享给大家供大家参考,具体如下: Ajax最大的一点是页面无刷新,在页面内与服务器通信,给用户的体验非常好.可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本.并且减轻服务器的负担,ajax的原则是"按需取数据",可以最大程度的减少冗余请求,和响应对服务器造成的负担. 最近在用tp5开发企业微应用,很有收获,觉得最需要注意的是thinkphp
-
TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结
本文实例讲述了TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法.分享给大家供大家参考,具体如下: 方法一: serialize() 方法通过序列化表单值,创建 URL 编码文本字符串,这个是jquery提供的方法 前端代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ajax交互</title> <script s
-
Flask框架中request、请求钩子、上下文用法分析
本文实例讲述了Flask框架中request.请求钩子.上下文用法.分享给大家供大家参考,具体如下: request 就是flask中代表当前请求的request对象: 常用的属性如下: 属性 说明 类型 data 记录请求的数据,并转换为字符串 * form 记录请求中的表单数据 MultiDict args 记录请求中的查询参数 MultiDict cookies 记录请求中的cookie信息 Dict headers 记录请求中的报文头 EnvironHeaders method 记录请求
-
flask框架路由常用定义方式总结
本文实例讲述了flask框架路由常用定义方式.分享给大家供大家参考,具体如下: 路由的各种定义方式 请求方式限定 使用 methods 参数指定可接受的请求方式,可以是多种 @app.route('/',methods=['GET']) def hello(): return '<h1>hello world</h1>' 路由查找方式 同一路由指向两个不同的函数,在匹配过程中,至上而下依次匹配 @app.route('/') def hello(): return '<h1&