使用flask + wtform渲染表单

Question

有问题的代码：

from flask import Blueprint, render_template, abort
from flask.ext.wtf import Form
import os
from jinja2 import TemplateNotFound
from models import Member
from wtforms.ext.sqlalchemy.orm import model_form
@simple_page.route('/register')
def register():
    form = model_form(Member, Form)
    return render_template('register.html', form=form, name="bad")


class Member(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    name = db.Column(db.String(50), nullable=False)
    email = db.Column(db.String(50), nullable=False, unique=True)

在我看来：

        <p class="txt11 colorb">
        {{ form.name }}
        </p>

这输出<UnboundField(TextField, (), {u'default': None, u'filters': [], u'validators': [<wtforms.validators.Required object at 0x7f62f59b5590>, <wtforms.validators.Length object at 0x7f62f59b55d0>]})> ，而不是实际的字段。 如何使用wtform获得实际的表单/字段？

Answer 1

您正在将表单类而不是表单实例传递给模板。 model_form方法动态生成一个新类，可以像任何其他表单子类一样重复使用，扩展和使用。 在视图的每次运行中生成此表单类也非常不必要，因此您可以将此调用移到视图之外。

您传递未实例化的类也是您获得与UnboundField相关的奇怪行为的原因（这是WTForms处理声明性字段实例化的方式）

修复很简单：

MemberForm = model_form(Member, base_class=Form)

@simple_page.route('/register')
def register():
    form = MemberForm(name=u'bad')
    return render_template('register.html', form=form)

Answer 2

你需要做更多的工作：

{{ form.name.label }} : {{ form.name()|safe }}

或者，您可以使用这个方便的代码段 ：

{% macro render_field(field) %}
  <dt>{{ field.label }}
  <dd>{{ field(**kwargs)|safe }}
  {% if field.errors %}
    <ul class=errors>
    {% for error in field.errors %}
      <li>{{ error }}</li>
    {% endfor %}
    </ul>
  {% endif %}
  </dd>
{% endmacro %}

当然，调整HTML渲染。 将该文件保存在templates目录中的某个位置，然后保存在主模板中。 这是formhelpers.html ：

{% from "formhelpers.html" import render_field %}
<form method=post action="/register">
  <dl>
    {{ render_field(form.name) }}
    {{ render_field(form.email) }}
  </dl>
  <p><input type=submit value=Register>
</form>

Answer 3

我知道这已经很老了，但我有同样的问题，我想分享我的期货需求解决方案。

我还得到了“UnboundField”渲染的html。 在与我发现我使用的代码打架后：

from wtforms import Form

它看起来不错，但是当使用Flask时我必须这样做：

from flask.ext.wtf import Form

解决了我的问题。 希望它有所帮助