1、request.from获取POST表单数据

# hello.py

 #coding:utf-8

 from flask import Flask,request,render_template

 app = Flask(__name__)

 @app.route('/',methods=['GET']) #methods是一个列表

 def home():

     return render_template('home.html')

 @app.route('/signin',methods=['GET'])

 def signin_form():

     return render_template('form.html')

 @app.route('/signin',methods=['POST'])

 def signin():

     username = request.form['username']

     password = request.form['password']

     if username == 'admin' and password == 'password':

         return render_template('signin-ok.html',username=username)

     else:

         return render_template('form.html',message='用户名或者密码错误，请重新登陆>>',username=username)

 if __name__ == '__main__':

     app.run()

# form.html

 <!DOCTYPE html>

 <html>

     <meta charset="utf-8">

     <head>

         <title>登陆界面</title>

     </head>

     <body>

         {% if message %}

             <p style="color:red">{{ message }}</p>

         {% endif %}

         <form action='/signin' method="post">

             <legend>请登陆您的账号：</legend>

             <input type="text" name="username" placeholder='Username' value="{{ username }}"><br>

             <input type="password" name="password" placeholder="Password" value="{{ password }}"><br>

             <button type="submit">登陆</button>

         </form>

     </body>

 </html>

# home.html

 <!DOCTYPE html>

 <html>

     <meta charset="utf-8">

     <head>

         <title>主页</title>

     </head>

     <body>

         <h1>你好，欢迎来到首页</h1>

         <p><a href="/signin">点击登陆</a></p>

     </body>

 </html>

#signin-ok.html

 <!DOCTYPE html>

 <html>

     <meta charset="utf-8">

     <head>

         <title>登陆成功</title>

     </head>

     <body>

         <h1>欢迎你，{{ username }}</h1>

     </body>

 </html>

2、使用Flask-WTF扩展

# hello.py

 #coding:utf-8

 from flask import Flask,render_template

 from flask.ext.bootstrap import Bootstrap

 from flask.ext.wtf import Form

 from wtforms import StringField,SubmitField

 from wtforms.validators import Required

 app = Flask(__name__)

 app.config['SECRET_KEY']='hard to guess string'

 bootstrap = Bootstrap(app)

 class NameForm(Form):

     name = StringField('what is your name?',validators=[Required()])

     submit = SubmitField('Submit')

 @app.route('/',methods=['GET','POST'])

 def index():

     name = None

     form = NameForm()

     if form.validate_on_submit():

         name = form.name.data #没有这一步，submit后name=None

         form.name.data = ''   #没有这一步，submit后文字框还会遗留上一次输入的文字

     return render_template('index.html',form=form,name=name)

 if __name__ == '__main__':

     app.run()

# index.py

 {% 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.html渲染整个Flsk-WTF表单，参数form是hello.py中传过来的form实例-->

 {{ wtf.quick_form(form) }}

 {% endblock %}

附：共同的基模板

# base.html

 {% extends "bootstrap/base.html" %}

 {% block title %}Flasky{% endblock %}

 {% block navbar %}

 <div class="navbar navbar-inverse" role="navigation">

 <div class="container">

     <div class="navbar-header">

         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

             <span class="sr-only">Toggle navigation</span>

             <span class="icon-bar"></span>

             <span class="icon-bar"></span>

             <span class="icon-bar"></span>

         </button>

         <a class="navbar-brand" href="/">Flasky</a>

     </div>

     <div class="navbar-collapse collapse">

         <ul class="nav navbar-nav">

             <li><a href="/">Home</a></li>

             <li><a href="/">Twitter</a></li>

             <li><a href="/">Blog</a></li>

         </ul>

     </div>

 </div>

 </div>

 {% endblock %}

 {% block content %}

 <div class="container">

     <div class="page-header">

         {% block page_content %}{% endblock %}

     </div>

 </div>

 {% endblock %}

Flask表单（Flask-WTF）的更多相关文章

  1. flask表单，orm,csrf

    flask表单是flask中最基本的功能. 它是负责HTML页面中数据采集的部分,它由三部分组成:表单标签,表单域,表单按钮组成,通过表单用户输入的数据提交给服务器. flask表单封装了WTForm ...

  2. Flask从入门到精通之Flask表单渲染成HTML

    表单字段是可调用的,在模板中调用后会渲染成HTML.假设视图函数把一个NameForm 实例通过参数form 传入模板,在模板中可以生成一个简单的表单,如下所示: <form method=&q ...

  3. Flask从入门到精通之Flask表单

    Flask请求对象包含客户端发出的所有请求信息.其中,request.form 能获取POST 请求中提交的表单数据.尽管Flask 的请求对象提供的信息足够用于处理Web 表单,但有些任务很单调,而 ...

  4. flask表单提交的两种方式

    一.通用方式 通用方式就是使用ajax或者$.post来提交. 前端html <form method="post" action="/mockservice&qu ...

  5. Flask表单(form)的应用

    导入模块request模块 #指定请求方式,使用methods属性 @app.route("/",methods=['GET','POST']) def index(): #判断c ...

  6. flask 表单

    表单 在Web程序中,表单时和用户交互最常见的方式之一.用户注册.登录.撰写文章.编辑设置,无一不用到表单.不过,表单的处理不简单.要创建表单,验证用户输入的内容,向用户显示错误提示,还要获取并保存数 ...

  7. flask表单标签

    环境:python2.7+flask+flask_wtf 内容:flask的部分常用表单标签 test.py # -*- coding: utf-8 -*- # flask web_form 表单控件 ...

  8. flask表单flask-wtf

    一.安装pip install flask-wtf 二.创建一个flask的项目引入相对应的包 from flask import Flask,render_template import flask ...

  9. Flask表单验证

    学习内容:①判断请求方式(request.method) from flask import Flask,render_template,request app = Flask(__name__) @ ...

随机推荐

  1. 简约才是王道？ CardView 的使用

    发现个好看的东东 CardView,他在support v7包中~~ 顾名思义就是卡片view,可以设置阴影,圆角,等等.. 样子是这样的: 或者你还可以放到listview里 是这样的: http: ...

  2. GIT版本控制 — 简介与安装 (一)

    简介 GIT与SVN的区别 作为当前最流行的版本控制系统,Git和SVN的几个主要不同之处在于: (1) Git是分布式的版本控制系统,SVN是集中式的版本控制系统.Git可以先把修改提交到本地仓库中 ...

  3. DQM Serial Sync Index Program ERROR

    Error syncing hz_stage_party_sites_t1:ORA-20000:Oracle Text 错误: DRG-10502:索引AR.HZ_STAGE_PARTY_SITES_ ...

  4. SpringMVC提供两种校验机制

    本文不讲如何使用SpringMVC提供的两种校验机制,只是简单的说明一下其中的差别而已: 1.创建一个Bean,在Bean的属性中添加校验信息,通过配置LocalValidatorFactoryBea ...

  5. 《java入门》第一季之类（String类字符串一旦被赋值就没法改变）

    毫无疑问,String类是java里面最重要的类之一.因此它有很多方法需要了解和掌握. 字符串一旦被赋值,值就不能发生改变: package cn.itcast_02; /* * 字符串的特点:一旦被 ...

  6. Leetcode_121_Best Time to Buy and Sell Stock

    本文是在学习中的总结,欢迎转载但请注明出处:http://blog.csdn.net/pistolove/article/details/43024967 Say you have an array ...

  7. CSS解决无空格太长的字母,数字不会自动换行的问题

    其实很简单,代码如下所示,注意 Style: <div class="detail_title" style="word-break: break-all;&quo ...

  8. LeetCode之“动态规划”：Minimum Path Sum && Unique Paths && Unique Paths II

    之所以将这三道题放在一起,是因为这三道题非常类似. 1. Minimum Path Sum 题目链接 题目要求: Given a m x n grid filled with non-negative ...

  9. Android系统之Broadcom GPS 移植

    1.      内核部分的移植: 内核部分的移植基本上就是对芯片上下电,建立数据结构体,打通GPS通信的串口通道,以及建立文件设备结点供上层调用.所建立的文件结点是针对Power_enable和Res ...

  10. PyCharm命令行输入

    PyCharm命令行输入 写作原因 网上资料比较杂,版本较老,与现在的版本有区别,所以根据网上资料和自己亲手实验撰写此文. 设置方法 在菜单中按此路径设置: Run->Edit Configur ...