python - 在 base.html 中为 Flask 登录表单 Bootstrap 模式而不在每个 View 函数中发送表单？

Question

我是 Flask 框架的新手，引用了 Miguel Grinberg 的 Flask Web Development 一书。现在我有一个处理登录的 View 函数，我不知道如何使用位于导航栏( Bootstrap )上的登录按钮激活的模式有效地实现它，因为这是在 domain.com/login 上处理的。我能想到的唯一解决方案是删除此 View 并在每个 View 函数中复制代码，我确信这根本不是一个好的解决方案。

from .forms import LoginForm
from flask.ext.login import login_user

@auth.route('/login/', methods = ['GET', 'POST'])
def login():
    form=LoginForm()
    if form.validate_on_submit():
        user =  User.query.filter_by(username=form.username.data).first()
        if user is not None and user.verify_password(form.password.data):
            login_user(user, form.remember_me.data)
            flash("login success")
            return url_for(".index",username=user.username))
        flash("Invalid username or password.")
    return render_template('auth/login.html',form=form)

Answer 1

您可以使用模态和表单的 action 属性将路由传递给您的处理程序函数 /login/。像这样:

<div class="modal hide" id="myModal">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">x</button>
    <h3>Login to MyWebsite.com</h3>
  </div>
  <div class="modal-body">
    <form method="post" action='/login/' name="login_form">
      <p><input type="text" class="span3" name="eid" id="email" placeholder="Email"></p>
      <p><input type="password" class="span3" name="passwd" placeholder="Password"></p>
      <p><button type="submit" class="btn btn-primary">Sign in</button>
        <a href="#">Forgot Password?</a>
      </p>
    </form>
  </div>
  <div class="modal-footer">
    New To MyWebsite.com?
    <a href="#" class="btn btn-primary">Register</a>
  </div>
</div>