我正在使用 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/