- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章Python Flask-web表单使用详解由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.
Flask-WTF扩展可以把处理web表单的过程变成一种愉悦的体验.
1、跨站请求伪造保护 。
默认情况下,Flask-WTF能够保护所有表单免受跨站请求伪造的攻击。恶意网站把请求发送到被攻击者已登录的网站时就会引起CSRF攻击.
为了实现CSRF保护,Flask-WTF需要程序设置一个密钥。Flask-WTF使用这个密钥生成加密令牌,再用令牌验证请求中表单数据的真伪。设置密钥的方法如下所示:
1
2
|
app
=
Flask(__name__)
app.config[
'SECRET_KEY'
]
=
'hard to guess string'
|
2、表单类 。
使用Flask-WTF时,每个web表单都由一个继承自Form的类表示。这个定义表单中的一组字段,每个字段都用对象表示。字段对象可附属一个或多个验证函数。验证函数用来验证用户提交的输入值是否符合要求.
1
2
3
4
5
6
7
8
9
10
|
#!/usr/bin/env python
#简单的web表单,包含一个文本字段和一个提交按钮
from
flask_wtf
import
Form
from
wtforms
import
StringField,SubmitField
from
wtforms.validators
import
Required
class
NameForm(Form):
name
=
StringField(
'What is your name?'
,validators
=
[Required()])
submit
=
SubmitField(
'Submit'
)
|
StringField类表示属性为type="text"的<input>元素,SubmitField类表示属性为type="submit"的<input>元素.
WTForms支持的HTML标准字段 。
WTForms验证函数 。
4、把表单渲染成HTML 。
表单字段是可用的,在模板中调用后会渲染成HTML。假设视图函数把一个NameForm实例通过参数form传入模板,在模板中可以生成一个简单的表单,如下所示:
1
2
3
4
5
|
<
form
method
=
"POST"
>
{{ form.hidden_tag() }}
{{ form.name.label }} {{ form.name() }}
{{ form.submit() }}
</
form
>
|
1
2
3
4
5
|
<
form
method
=
"POST"
>
{{ form.hidden_tag() }}
{{ form.name.label }} {{ form.name(id='my-text-field') }}
{{ form.submit() }}
</
form
>
|
Flask-Bootstrap提供了一个非常高端的辅助函数,可以使用Bootstrap中预先定义好的表单样式渲染整个Flask-WTF表单,而这些操作只需调用一次即可完成.
1
2
|
{
%
import
"boostrap/wtf.html"
as wtf
%
}
{{ wtf.quick_form(form) }}
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
#使用Flask-WTF和Flask-Bootstrap渲染表单
{
%
extends
"base.html"
%
}
{
%
import
"bootstrap/wtf.html"
as wtf
%
}
{
%
block title
%
}Flasky{
%
endblock
%
}
{
%
block page_content
%
}
<div
class
=
"page-header"
>
<h1>Hello,{
%
if
name
%
}{{ name }}{
%
else
%
}Stranger{
%
endif
%
}<
/
h1>
<
/
div>
{{ wtf.quick_form(form) }}
{
%
endblock
%
}
|
4、在视图函数中处理表单 。
1
2
3
4
5
6
7
8
|
@app
.route(
'/'
,methods
=
[
'GET'
,
'POST'
])
def
index():
name
=
None
form
=
NameForm()
if
form.validate_on_submit():
name
=
form.name.data
form.name.data
=
''
return
render_template(
'index.html'
,form
=
form,name
=
name)
|
app.route修饰器中添加的methods参数告诉Flask在URL映射中把这个视图函数注册为GET和POST请求的处理程序。如果没指定methods参数,就只把视图函数注册为GET请求的处理程序.
5、重定向和用户会话 。
1
2
3
4
5
6
7
8
9
10
11
12
|
#!/usr/bin/env python
from
flask
import
Flask,render_template,session,redirect,url_for
app
=
Flask(__name__)
@app
.route(
'/'
,methods
=
[
'GET'
,
'POST'
])
def
index():
form
=
NameForm()
if
form.validate_on_submit():
session[
'name'
]
=
form.name.data
return
redirect(url_for(
'index'
))
return
render_template(
'index.html'
,form
=
form,name
=
session.get(
'name'
))
|
6、Flash消息 。
例子:提示用户名或密码错误,弹出窗口 。
1
2
3
4
5
6
7
8
9
10
11
12
13
|
from
flask
import
Flask,render_template,session,redirect,url_for,flash
app
=
Flask(__name__)
@app
.route(
'/'
,methods
=
[
'GET'
,
'POST'
])
def
index():
form
=
NameForm()
if
form.validata_on_submit():
old_name
=
session.get(
'name'
)
if
old_name
is
not
None
and
old_name !
=
form.name.data:
flash(
'Looks like you have changed your name!'
)
session[
'name'
]
=
form.name.data
return
redirect(url_for(
'index'
))
return
render_template(
'index.html'
,form
=
form,name
=
session.get(
'name'
))
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
#渲染Flash消息
{
%
block content
%
}
<div
class
=
"container"
>
{
%
for
message
in
get_flashed_messages()
%
}
<div
class
=
"alert alert-warning"
>
<button
type
=
"button"
class
=
"close"
data
-
dismiss
=
"alert"
>×<
/
button>
{{ message }}
<
/
div>
{
%
endfor
%
}
{
%
block page_content
%
}{
%
endblock
%
}
<
/
div>
{
%
endblock
%
}
|
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我.
原文链接:http://www.cnblogs.com/caicairui/p/7780633.html 。
最后此篇关于Python Flask-web表单使用详解的文章就讲到这里了,如果你想了解更多关于Python Flask-web表单使用详解的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
我有一个几乎可以构建的Maven / Grails应用,但在web.xml上找不到[my-app]\webapp\WEB-INF\web.xml。但是目录结构像往常一样包含web-app文件夹,而不是
正如我在标题中提到的:我想知道 web-service 和 web-socket 之间的区别?我们什么时候使用每一个? 谢谢! 最佳答案 一个web service是一个响应客户端 SOAP/REST
让我们看一个示例场景: 客户端打开一个网站并找到他从文本框中输入的两个数字的总和。然后单击“添加”按钮。两个参数通过 HTTP GET 发送到服务器,在服务器上写入 PHP 代码以添加数字,结果为回声
我知道这是一个老问题,肯定已经被回答了数百次,但我还无法找到令人满意的答案。 我正在创建一个应用程序,其他应用程序(移动/网络)将使用该应用程序来获取数据。现在我有两个选择: 将我的应用程序创建为简单
通过 Web 作业部署新功能有 3 种方法: 创建一个新的 Web 应用,并部署一个包含该函数的 Web 作业。 向现有 Web 作业添加一项新函数(这样您现在在一个 Web 作业中就拥有了多个函数)
我收到来自网络场景的通知,上面写着“问题”和“确定”。我想在问题发生时包含网络响应的内容。我不担心标题值,只担心网页的内容. 这是我可以在通知设置中引用的变量吗? 最佳答案 不幸的是 zabbix 不
就目前而言,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the he
嗨,这是一个理论问题,但我真的无法弄清楚 Web 应用程序、基于 Web 的应用程序和基于云的应用程序之间的区别。这个你能帮我吗。 最佳答案 @Matt 是对的 - 这真的无关紧要,但是,为了清楚起见
我正在尝试使用多个 Web 服务,这些服务在它们的 wsdl 中重新定义了一些相同的公共(public)类。我目前在网站中引用了它们,但我想转换为 Web 应用程序。 由于一些相同的类是从多个 Web
一个。我必须考虑哪些事项?b.当前应用程序正在执行多个存储过程。如果我创建等效的方法来执行这些过程,会有什么风险或挑战。 最佳答案 在架构上,将网络应用程序转换为网络服务时必须考虑的一件事是,对方法和
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗?更新问题,使其成为 on-topic对于堆栈溢出。 5年前关闭。 Improve thi
网络 API 和网络服务之间有什么区别吗?或者它们是同一个吗? 最佳答案 网络服务通常提供 WSDL您可以从中自动创建客户端 stub 。 Web 服务基于 SOAP protocol 。ASP.NE
我已经获得了我需要的所有资源。我将 Web 服务放入应用程序服务环境中,然后将 NSG 连接到应用程序服务环境使用的子网。然后,我允许 VNET 内的应用程序与 Web 服务进行通信,但它无法正常工作
我已经获得了我需要的所有资源。我将 Web 服务放入应用程序服务环境中,然后将 NSG 连接到应用程序服务环境使用的子网。然后,我允许 VNET 内的应用程序与 Web 服务进行通信,但它无法正常工作
我正在使用 stub 将我的网络服务相关测试与实际网络服务隔离开来。 你/我应该如何合并测试以确保我制作的响应与实际的网络服务匹配(我无法控制它)? 我不想知道怎么做,而是何时何地? 我应该为测试数据
我在互联网上搜索了很多,但我仍然没有得到网络服务和网络 API 之间的明显区别?我在某处读到所有 Web 服务都是 API,但所有 API 都不是 Web 服务。如何? 我所知道的是两者都允许利用其他
假设我已经完成了使用 JavaEE 制作的 Web 应用程序。这个 Web 应用程序包含登录系统,但最后它是非常基本的 Web 应用程序。我使用的是 GlassFish 3.1.2.2。 我想知道一旦
我希望设计者能够打开与我相同的解决方案文件。这可以通过 Expressions Web 实现吗? 最佳答案 简短的回答是“不”;但这是一个非常常见的请求,我知道很多人都希望下一个版本(无论何时)对此有
我正在尝试在 CF10 中创建一个 Web 服务对象。我已验证它在 SoapUI 中按预期工作。但是,当我在 CF 中运行它时,我得到一个错误,它无法找到在 WSDL 的导入语句中导入的 XSD。这是
我的要求是开发一个 Web 服务,充当外部 Web 服务和客户端之间的中间人。 我知道,我可以为我的服务设计一个wsdl,然后将外部wsdl映射到代码中我的wsdl。我的问题是有一个开源 api/工具
我是一名优秀的程序员,十分优秀!