使用flask-wtf和sqlalchemy生成动态表单

Question

我有一个网页应用，用户可以创建自己的字段，这些字段会在表单中显示出来。

我有一个叫做 Formfield 的模型，长得像这样：

class Formfield(db.Model):
    id = db.Column(db.Integer, primary_key = True)
    form_id = db.Column(db.Integer, db.ForeignKey('formbooking.id'))
    label = db.Column(db.String(80))
    placeholder_text = db.Column(db.String(80))
    help_text = db.Column(db.String(500))
    box_checked = db.Column(db.Boolean, nullable = True, default = False)
    options = db.Column(db.String) # JSON goes here?
    answer = db.Column(db.String)
    required = db.Column(db.Boolean, nullable = False, default = False)
    order = db.Column(db.Integer)
    fieldtype = db.Column(db.Integer) 

这个模型用来表示一个字段，不管是什么类型（复选框、输入框，未来可能还有其他类型）。

正如你所看到的，每个字段都有一个外键（FK）指向一个 form_id。

我想为特定的 form_id 生成一个动态表单。

问题是，我需要确定每个 Formfield 的字段类型，以便正确显示。

所以我也需要在某个时候处理字段类型。

我想一个解决办法是把 form_id 传递给我 Form 类中的一个函数。

但我不知道该怎么做，也不知道该去哪里找解决方案。

任何帮助都会非常感谢！

Answer 1

我想我成功地创建了动态表单，灵感来自这里 https://groups.google.com/forum/#!topic/wtforms/cJl3aqzZieA

你需要在视图函数中创建一个动态表单，获取你想要的表单字段，然后遍历每个字段来构建这个表单对象。我使用了简单文本作为字段类型，而不是整数值，因为在代码层面上这样更容易阅读。

class FormView(MethodView):
    def get(self):
        class DynamicForm(wtforms.Form): pass

        dform = main.models.Form.objects.get(name="name2")
        name = dform.name
        for f in dform.fields:
            print f.label
            setattr(DynamicForm , f.label, self.getField(f))

        d = DynamicForm() # Dont forget to instantiate your new form before rendering
        for field in d:
            print field # you can see html output of fields

        return render_template("customform.html", form=d)

    def getField(self, field): 
        if field.fieldtype == "text": 
            return TextField(field.label)
        if field.fieldtype == "password":
            return PasswordField(field.label)
        # can extend if clauses at every new fieldtype

对于一个简单的表单，可以渲染 jinja 模板 'forms.html'

{% macro render(form) -%}
<fieldset>
{% for field in form %}
{% if field.type in ['CSRFTokenField', 'HiddenField'] %}
  {{ field() }}
{% else %}
  <div class="form-group {% if field.errors %}error{% endif %}">
    {{ field.label }}
    <div class="input">
      {% if field.name == "body" %}
        {{ field(rows=10, cols=40) }}
      {% else %}
        {{ field() }}
      {% endif %}
      {% if field.errors or field.help_text %}
        <span class="help-inline">
        {% if field.errors %}
          {{ field.errors|join(' ') }}
        {% else %}
          {{ field.help_text }}
        {% endif %}
        </span>
      {% endif %}
    </div>
  </div>
{% endif %}
{% endfor %}
</fieldset>
{% endmacro %}

而 customform.html 大致是这样的

{% extends "base.html" %}
{% import "forms.html" as forms %}

{% block content %}
{{ forms.render(form) }}
{% endblock %}