前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >python学习笔记(三)-表单处理

python学习笔记(三)-表单处理

作者头像
py3study
发布2020-01-08 16:23:45
7410
发布2020-01-08 16:23:45
举报
文章被收录于专栏:python3python3

表单类 默认情况下,Flask-WTF能保护所有表单免受跨站请求伪造攻击(CSRF)

代码语言:javascript
复制
app = Flask(__name__)
# 强制性必须填写secret_key
app.config['SECRET_KEY'] = 'hard to guess string'

定义表单

代码语言:javascript
复制
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=[DataRequired()])
    submit = SubmitField('Submit')

Form基类由Flask-WTF扩展定义,所以从flask_wtf中导入,字段和验证函数却可以直接从WTForms中导入 NameForm表单中有一个名为name的文本段和一个名为submit的提交按钮。StringField类表示属性为type=’text’的input元素。SubmitField类表示属性为type=”submit”的input元素。 效果为

WTForms支持的HTML标准如下所示

把表单渲染成html template/index.html

代码语言:javascript
复制
{% extends "base.html" %}
{% import "bootstrap/wtf.html" as wtf %}
{% block title %} Flasky {% endblock %}
{%  block page_content %}
    <div class="page-hearder">
        <h1>Hello,{% if name %}{{ name }}{% else %}Stranger{% endif %}</h1>
    </div>
    {{ wtf.quick_form(form) }}
{% endblock %}

视图函数中处理表单

代码语言:javascript
复制
@app.route('/', methods=['GET', 'POST'])
def index():
    form = NameForm()
    if form.validate_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'))

加入Flash消息,修改base.html,加入get_flashed_messages()消息处理

代码语言:javascript
复制
{% 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 %}

最终效果如图所示

本文参考《Flask Web开发-基于Python的Web应用开发实战》

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-09-02 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档