Question

我一直在咬这个钉子很长一段时间。在我的Flask-app中，我目前有一个产品数据库，在应用程序中我有一个页面，可以将每个产品列查询到一个表中。

例如，我有产品1234，我可以在example.com/items/1234中查看详细信息（例如数据库列），它会给我以下内容：

<div class="container">
  <div class="content">
  <a href="/item">Back</a>
  <table class="table">
  <thead>
    <tr>
      <th>#</th>
      <th>Value</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">Detail-1<th>
      <td>Example</td>
    </tr>
    <tr>
       <th scope="row">Detail-2</th>
       <td>Example</td>
    </tr>

我正在努力解决的问题如下：

我希望能够添加具有相同表格风格的新产品。为此我创建了一个如下表单：

class NewArticleForm(FlaskForm):
    detail_1 = StringField("Detail-1")
    detail_2 = IntegerField("Detail-2")
    ...
    submit = SubmitField("Submit")

我现在完全不知道如何在{{ wtf.quick_form(form) }}之外的模板中自定义表单外观。我尝试的是以下内容：

<form method="POST">
<table class="table">
  {% for name in form %}
  <tr>
    <th scope="row">{{ name.label }}</th>
    <td>{{ name }}</td>
  </tr>
  {% endfor %}
 </table>
 </form>

该表看起来不错（至少是那个），但我认为请求没有正确发送。页面使用"POST /url HTTP/1.1"正确加载，但似乎无法正确显示。

我的意思是，虽然请求正确发送，但我可以看到我是否通过Flask服务器运行应用程序。但是，似乎没有任何内容传输到数据库。页面只是重新加载输入的数据仍然在字段中，没有任何内容传输到数据库。如果我只使用wtf.quick_form，则数据会正确发送到数据库。

那么我怎样才能正确定制表格外观和/或关键步骤？

Answer 1

实际上这很令人尴尬。我设法自己解决它，男孩是一个愚蠢的解决方案。

没有任何内容传输到数据库的原因是，如果某些字段留空（表单中没有标记要求），则将它们解释为字符串字段，这当然会给整数字段带来错误。

问题在于，正如您在模板代码中看到的那样，我没有在提交字段时包含显示任何错误的代码。我将模板代码更改为：

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

<form method="POST">
<table class="table">
  {{ form.csrf_token }}
  {% for name in form %}
    <tr>
    {{ render_field(name) }}
    </tr>
  {% endfor %}
</table>
</form>

我现在会羞愧地低头，希望有一天这可能对某人有所帮助。

将瓶子形式自定义为表格

1 个答案: