zoukankan      html  css  js  c++  java
  • Flask_WTF实现表单

    Flask_WTF实现表单可分为六个步骤:

    ①导入FlaskForm扩展包(from flask_wtf import FlaskForm)

    ②导入StringField,PasswordField,SubmitField (from wtforms import StringField,PasswordField,SubmitField)

    ③定义表单类

    
    
    class RegisterForm(FlaskForm):
        username = StringField('账号:')
        password = PasswordField('密码:')
        password2 = PasswordField('确认密码:')
        submit=SubmitField('提交')
    
    

    ④定义路由

    @app.route('/regist',methods=['GET','POST'])
    def regist_form():
        redist_form=RegisterForm()
        return render_template('registform.html',form=redist_form)

    ⑤html文件中实现表单

    <form method="post">
            {{ form.username.label }}{{ form.username }}<br>
            {{ form.password.label }}{{ form.password }}<br>
            {{ form.password2.label }}{{ form.password2 }}<br>
            {{ form.submit }}
        </form>

    完整代码:

    app.py

    from flask import Flask,render_template,request,flash
    from flask_wtf import FlaskForm
    from wtforms import StringField, PasswordField,SubmitField
    
    app = Flask(__name__)
    app.secret_key='yingjie'
    
    # 定义表单类
    class RegisterForm(FlaskForm):
        username = StringField('账号:')
        password = PasswordField('密码:')
        password2 = PasswordField('确认密码:')
        submit=SubmitField('提交')
    
    @app.route('/regist',methods=['GET','POST'])
    def regist_form():
        redist_form=RegisterForm()
        return render_template('registform.html',form=redist_form)
    
    if __name__ == '__main__':
        app.run()

    registform.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <form method="post">
            {{ form.username.label }}{{ form.username }}<br>
            {{ form.password.label }}{{ form.password }}<br>
            {{ form.password2.label }}{{ form.password2 }}<br>
            {{ form.submit }}
        </form>
    </body>
    </html>

    运行结果:

  • 相关阅读:
    python day05--字典
    python day14--内置函数二
    day12作业答案
    python day12 ——1.生成器2.生成器表达式 3.列表推导式
    python day11 ——1. 函数名的使⽤ 2. 闭包 3. 迭代器
    python day10作业答案
    python基础 :函数 装饰器,迭代器,面向过程编程
    python 基础:文件处理
    python 快速入门(变量,八大数据类型,if嵌套 ,for循环,while循环)
    计算机基础知识
  • 原文地址:https://www.cnblogs.com/zyj3955/p/15368164.html
Copyright © 2011-2022 走看看