用常見的登錄為例：
// An highlighted blockfrom flask_wtf import Formclass LoginForm(Form): # 登錄表單 ROLE = SelectField('角色', choices=[('s', '管理員'), ('n', '用戶')], render_kw={"placeholder": "輸入你的用戶名", "sty" "le": "background:url(/static/user." "png) no-repeat 15px center;t" "ext-indent: 28px"}) email = StringField('', validators=[Required(), Length(1, 64), Email()], render_kw={"placeholder": "請輸入郵箱", "style": "background:url(/static/email" ".png) no-repeat 15px center;" "text-indent: 28px"}) password = PasswordField('', validators=[Required()], render_kw={"placeholder": "輸入你的密碼", "style": "back" "ground:url(/static/password.pn" "g) no-repeat 15px center;text-" "indent: 28px"}) verify_code = StringField('', validators=[Required()], render_kw={"placeholder": "驗證碼", "style": "back" "ground:url(/static/password.pn" "g) no-repeat 15px center;text-" "indent: 28px"}) remember_me = BooleanField('記住密碼') submit = SubmitField('登錄')視圖函數(shù)定義的路由（后臺處理程序）：
@auth.route('/login', methods=['GET', 'POST']) # 登陸路由def login(): form = LoginForm() if form.validate_on_submit(): user = User.query.filter_by(email=form.email.data).first() if session.get('image').lower()!=form.verify_code.data.lower(): flash('驗證碼錯誤') return render_template('auth/login.html', form=form) if user is not None and user.verify_password(form.password.data) and (user.ROLE == form.ROLE.data): # user.ROLE == form.ROLE.data: login_user(user, form.remember_me.data) return redirect(request.args.get('next') or url_for('main.index')) flash('郵箱或者密碼錯誤，請檢查后再試.') return render_template('auth/login.html', form=form)與html模板：
// An highlighted block{% extends "base.html" %}{% import "bootstrap/wtf.html" as wtf %}{% block title %}Flasky - Login{% endblock %}{% block page_content %} <div class="Login"><div class="page-header"> <h1>登錄</h1></div><div class="col-md-4"> {{ wtf.quick_form(form) }} <img class="verify_code" src="/auth/code " onclick="this.src='/auth/code?'+ Math.random()"></div> <div class="container"> <div class="row"> <br> <br> <br> <div class="col-md-12 col-md-offset-0"> <a href="{{ url_for('auth.register') }}" class = "btn btn-default">注冊</a> </div> </div></div></div>{% endblock %}結(jié)果如圖：
html代碼如下：
<html><head><title>Purple_loginform Website Template | Home :: w3layouts</title><link href="/static/css/style.css" rel="stylesheet" type="text/css" media="all" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head><body><!-- contact-form --> <div class="message warning"><div class="inset"> <div class="login-head"> <h1>Login Form</h1> <div class="alert-close"> </div> </div> <form action="{{ url_for('auth.login1') }}" method="post"> <li> <input type="text" name="email" class="text" value="Username" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Username';}"><a href="#" class=" icon user"></a> </li> <div class="clear"> </div> <li> <input type="password" name="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}"> <a href="#" class="icon lock"></a> </li> <div class="clear"> </div> <div class="submit"> <input type="submit" value="Sign in" > <h4><a href="#">Lost your Password ?</a></h4> <div class="clear"> </div> </div> </form> </div> </div> </div> <div class="clear"> </div><!--- footer ---><div class="footer"> <p>Copyright © 2019.</p></div></body></html>后臺處理數(shù)據(jù)的路由代碼如下：
@auth.route('/login1', methods=['GET', 'POST'])def login1(): if request.method == 'GET': return render_template('auth/login1.html') if request.method == 'POST': count = request.form["email"] #count = request.form.get("Username") password = request.form["password"] #password=request.form.get("pass") user = User.query.filter_by(email=count).first() if user is not None and user.verify_password(password): # user.ROLE == form.ROLE.data: login_user(user) return redirect(request.args.get('next') or url_for('main.index')) flash('郵箱或者密碼錯誤，請檢查后再試.') return render_template('auth/login1.html')在html 中的form action這里填上處理數(shù)據(jù)的路由的函數(shù)，如我這里是
@auth.route('/login1', methods=['GET', 'POST'])def login1():下的login1函數(shù) 所以填的action="{{ url_for(‘a(chǎn)uth.login1’) }}"后面跟上提交的方法 method=“post”
效果如圖：
以上就是flask與html交互數(shù)據(jù)比較簡單的兩種方法
