WTF中的现场验证形式烧瓶，重定向方法

Question

我正在尝试创建我的第一个烧瓶Web应用程序并找到以下问题，我有两个页面，第一页应取玩家名称并将名称添加到下一页姓名验证由于某种原因不起作用，我可以将所需字段保持为空，然后使用空名称字段的下一页。

烧瓶代码：

class ChooseName(FlaskForm):
    first_player_name = StringField("Choose first player name: ", [DataRequired()])
    second_player_name = StringField("Choose second player name: ", [DataRequired()])
    button = SubmitField("Confirm")

@app.route('/')
def index():
    form = ChooseName()
    if form.validate_on_submit():
        return redirect(url_for('mega'))
    return render_template('TIC_TAC_TOE_index.html', form=form) 

@app.route('/game_page', methods=["GET", "POST"])
def mega():
    player1 = request.args.get('first_player_name')
    player2 = request.args.get('second_player_name')
    ......
    return render_template('mega.html', form=form, error=error, x=x, 
    turn=turn,tornado=tornado, renew=renew, player1=player1,player2=player2)

html模板：

<form action="{{url_for('mega')}}" method="get">
    {{ form.hidden_tag() }}
    <h4>Please choose players names!</h4>
    {{form.first_player_name.label}}  {{form.first_player_name}} <br> <br>
    {{form.second_player_name.label}}  {{form.second_player_name}} <br> <br>
    {{form.button}} <br> <br>
</form>

Answer 1

很好地查看您的功能 mega（），您不会在下一页上返回任何内容。您只是接受输入，但没有以任何形式返回。

from wtforms import Form, StringField, validators, SubmitField
from flask_wtf import FlaskForm
from flask import Flask, render_template, request

class ChooseName(FlaskForm):
    first_player_name = StringField("Choose first player name: ", [validators.DataRequired()])
    second_player_name = StringField("Choose second player name: ", [validators.DataRequired()])
    button = SubmitField("Confirm")
app = Flask(__name__)
app.config['SECRET_KEY'] = "IT_IS_SECRET"
@app.route('/')
def index():
    form = ChooseName()
    if form.validate_on_submit():
        return redirect(url_for('mega'))
    return render_template('TIC_TAC_TOE_index.html', form=form)
@app.route('/game_page', methods=["GET", "POST"])
def mega():
    player1 = request.args.get('first_player_name')
    player2 = request.args.get('second_player_name')
    return player1 + ' ' + player2

if __name__ == '__main__':
    app.run(port=5000,debug=True)

尝试运行此代码，希望这会有所帮助。： - ）

Answer 2

这是因为您的操作指向 mega 视图，因此未执行来自 index if form.validate_on_submit():的代码。P>

您应该更改表格中的操作属性和方法。代码应如下：

html模板：

<form action="" method="post">
    {{ form.hidden_tag() }}
    <h4>Please choose players names!</h4>
    {{form.first_player_name.label}}  {{form.first_player_name}} <br> <br>
    {{form.second_player_name.label}}  {{form.second_player_name}} <br> <br>
    {{form.button}} <br> <br>
</form>

视图：

from flask import session
@app.route('/')
def index():
    form = ChooseName()
    if form.validate_on_submit():
        session['first_player_name'] = form.first_player_name.data
        session['second_player_name'] = form.second_player_name.data
        return redirect(url_for('mega'))
    return render_template('TIC_TAC_TOE_index.html', form=form) 

@app.route('/game_page', methods=["GET", "POST"])
def mega():
    player1 = session.pop('first_player_name')
    player2 = session.pop('second_player_name')
    ......
    return render_template('mega.html', form=form, error=error, x=x, 
    turn=turn,tornado=tornado, renew=renew, player1=player1,player2=player2)

您可以在此处了解有关wtforms的更多信息https://j2logo.com/tutorial-flask-leccion-3-formularios-wtforms/