python - 在 Flask 应用程序的不同选项卡下加载不同页面

Question

我想在每个选项卡下呈现 3 个不同的页面/ View 。

user.html
<ul id="tabs" class="nav nav-tabs"  data-tabs="tabs">
    <li role="presentation" class="active"><a href="#tab1" data-toggle="tab">edit profile</a></li>
    <li role="presentation" ><a href="#tab2" data-toggle="tab">change password</a></li>
    <li role="presentation" ><a href="#tab3" data-toggle="tab">change email</a></li>
</ul>
<div class="tab-content">
    <div class="tab-pane active" id="tab1">
        <p>User profile edit</p>
    </div>
    <div class="tab-pane" id="tab2">
        {% include 'flask_user/change_password.html' %}
    </div>
    <div class="tab-pane" id="tab3">
        {% include 'change_email.html' %}
    </div>
</div>

View 如下:

@app.route('/profile/<int:agent_id>', methods=['GET', 'POST'])
def user_profile(agent_id):
form = ChangePasswordForm()
if form.validate_on_submit():
    change_password()
return render_template('user.html', form=form)

目前它只发送一种用于#tab2 的表格。但是如果我发送所有 3 种形式，userProfileForm()、changeUserEmailForm() 和 ChangePasswordForm()那么在处理 POST 请求时会很复杂。

有没有其他方法可以让它工作？任何帮助将不胜感激。

Answer 1

您不必为这三个表单 POST 回相同的路由。设置三个不同的路由来处理 POST 返回，并将每个表单的 action 属性设置为适当的路由。