python - jinja2 表单包含不起作用

标签 python html forms flask jinja2

我正在使用 Flask 和 jinja2 迈出第一步。我已经运行了一些示例,但现在我尝试集成 flask-security,但有点卡住了。

我尝试用登录表单构建一个模态,所以我放了一个像这样的 div:

<div class="modal">
<h3>Login</h3>
<form action="{{ url_for_security('login') }}" method="POST" name="login_user_form">
    {{ login_user_form.hidden_tag() }}
    {{ render_field_with_errors(login_user_form.email) }}
    {{ render_field_with_errors(login_user_form.password) }}
    {{ render_field_with_errors(login_user_form.remember) }}
    {{ render_field(login_user_form.next) }}
    {{ render_field(login_user_form.submit) }}
</form>

这是从 flask-security 提供的示例中提取的模板代码。现在我试着把它包起来

{% extends layout.html %}
{% block loginModal %} ... {% endblock %}

并尝试在 layout.html 中调用它

{% block loginModal %}{% endblock %}

现在我了解到这不是正确的方式,因为内容已呈现并且 layout.html 仅被调用。

现在我尝试通过 include 语句将该代码直接放入 layout.html 一次,但由于这不起作用,我直接将其放入。

我也加了

{% from "security/_macros.html" import render_field_with_errors, render_field %}

第一行是flask-security包提供的宏。但我得到的只是错误:

UndefinedError: 'login_user_form' is undefined (after a long traceback)

我完全被困在这里,阅读网站上的 jinja2 文档大约一个小时了。我怎样才能让这个表格工作?

更新(抱歉,更新晚了):

我的 layout.html 实现了所有页面的基本布局

<!doctype html>
<html>
<head>
  <title>MyExample</title>
  <link rel=stylesheet type=text/css href="{{ url_for('static', filename='css/style.css') }}">
  <link rel=stylesheet type=text/css href="{{ url_for('static', filename='css/gumby.css') }}">
</head>
<body>
  <div class=page>
    <nav id="navbar-main-nav" class="navbar">
      <div class="row">
      <a class="toggle" gumby-trigger="#navbar-main-nav #main-nav" href="#"><i class="icon-menu"></i></a>
      <h1 class="four columns logo"><a href="/">Logo</a></h1>
      <nav class="five columns pull_right">
        <ul id="main-nav">
          <li><a href="/link1/"><span>Link1 </span></a></li>
          <li><a href="/link2/"><span>Link2</span><i class="icon-cog" title="Customize"></i></a></li>
    {% if current_user.is_authenticated() %}
    <li>Hello {{ current_user.name }}</li>
    <li><a href="{{ url_for('security.logout') }}">Logout</a></li>
    {% else %}
    <li><a href="#" class="switch" gumby-trigger="#modal1">Open Modal</a></li>
    <li><a href="{{ url_for('security.register') }}">Register</a></li>
    {% endif %}
    </ul>
  </nav>
    </div>
  </nav>

  <div class="modal" id="modal1">
    <div class="content">
      <a class="close switch" gumby-trigger="|#modal1"><i class="icon-cancel" /></i></a>
        <div class="row">
          <div class="ten columns centered">
            <div class="row">
              <div class="five columns">
                {% block loginModal %}{% endblock %}
              </div>
              <div class="five columns">
                 <!-- register Form -->
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    {% block body %}{% endblock %}
  </div>
  <script src="{{ url_for('static', filename='js/libs/modernizr-2.6.2.min.js') }}"></script>
  <script src="{{ url_for('static', filename='js/libs/jquery-2.0.2.min.js') }}"></script>
  <script gumby-touch="js/libs/" src="{{ url_for('static', filename='js/libs/gumby.min.js') }}"></script>

</body>
</html>

我的登录.html

{% extends layout.html %}
{% block loginModal %}
{% from "security/_macros.html" import render_field_with_errors, render_field %}
{% include "security/_messages.html" %}

   <h3>Login</h3>
   <form action="{{ url_for_security('login') }}" method="POST" name="login_user_form">
      {{ login_user_form.hidden_tag() }}
      {{ render_field_with_errors(login_user_form.email) }}
      {{ render_field_with_errors(login_user_form.password) }}
      {{ render_field_with_errors(login_user_form.remember) }}
      {{ render_field(login_user_form.next) }}
      {{ render_field(login_user_form.submit) }}
  </form>
{% endblock %}

以一种抽象的方式,我想构建一个像小部件这样的东西,我可以在另一个模板中导入和使用这些东西,只实现一次,比如登录表单。稍后我希望能够实现列表,可以将其放置在每个页面的侧边栏中,而无需在每个页面上单独实现。我找到了 Flask Plugable Views但我还没有找到一个很好的例子来理解正确的用法。

更新 2:

这个(更新的)实现根本不呈现任何形式,没有任何错误。我想我可能误解了 block 的使用。

** 解决方案 **

在 Mark 的帮助下,我发现模板上下文处理器作为一种变量注入(inject)非常有用。对于某些人来说,这可能是显而易见的:flask-security 提供表单作为导入,因此我的代码现在看起来像这样:

from flask.ext.security import LoginForm, RegisterForm
...
@app.context_processor
def inject_userForms():
    return dict(login_user_form=LoginForm(), register_user_form=RegisterForm() )

我将表单直接添加到我的 layout.html 中,现在效果很好。根本不起作用的是 block 的包含。如果我使用 blockception,它会在内容 block 中使用登录 block 。

最佳答案

你的错误是:

UndefinedError: 'login_user_form' is undefined

这是来自模板,看起来像这样......

{% extends layout.html %}
{% block loginModal %}
{% from "security/_macros.html" import render_field_with_errors, render_field %}
{% include "security/_messages.html" %}

   <h3>Login</h3>
   <form action="{{ url_for_security('login') }}" method="POST" name="login_user_form">
      {{ login_user_form.hidden_tag() }}
      {{ render_field_with_errors(login_user_form.email) }}
      {{ render_field_with_errors(login_user_form.password) }}
      {{ render_field_with_errors(login_user_form.remember) }}
      {{ render_field(login_user_form.next) }}
      {{ render_field(login_user_form.submit) }}
  </form>
{% endblock %}

因此,您正在引用 login_user_form,但 Jinja2 提示您实际上没有定义 login_user_form。您通常在尝试调用函数来呈现模板时定义它。

def my_view():
    # ...
    return render_template('login.html', login_user_form=login_user_form)

如果您没有将“login_user_form”作为参数传递给 render_template,您将收到错误消息。

如果您希望 login_user_form 在应用程序其他地方的模板上下文中定义(例如在 template context processor 中),请确保应用程序的那部分确实有效。

关于python - jinja2 表单包含不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20618477/

相关文章:

html - Safari 颜色和边框半径

php - 在自定义管理页面上提交表单 (Wordpress)

mysql - MS Access VBA 从表单写入表

python - 如何在 mysql 中使用带有数据对象的 python 类

javascript - 使用 JavaScript 手动单步执行 CSS 动画

python - 如何在 Scrapy 中 'pause' 蜘蛛?

html - 断字没有按预期工作

Android 访问动态添加的 View

python - 如何在Python中打印给定字符串的最长字母子串?

python - 我可以让一些代码像守护进程一样在 Django 中不断运行吗