使用WTForms和Flask预填充编辑表单

时间:2016-03-09 12:53:06

标签: python flask jinja2 flask-wtforms flask-bootstrap

我可以使用WTForms和Flask向我的数据库添加一个新条目,我也可以编辑,问题是我需要以编辑形式在数据库中显示已存在的信息。

我有以下代码:

编辑帖子表格的类

class editPostForm(Form):
    postTitle = TextField('postTitle', validators.Required()])
    postSubtitle = TextField('postSubtitle', validators.Required()])

编辑帖子模板的路径

@app.route('/editpost/<postId>', methods = ['GET','POST'])
def editpost_page(postId):
try:
    form = editPostForm(form)

    if request.method == "POST" and form.validate():
        postTitle = form.postTitle.data
        postSubtitle = form.postSubtitle.data

        c, conn = connection()

        query = c.execute("SELECT * FROM posts WHERE post_id = (%s)",
                          [noinjection(postId)])

        c.execute("UPDATE posts SET post_title=%s, post_subtitle=%s WHERE post_id = %s",
                     [
                     noinjection(postTitle),
                     noinjection(postSubtitle),
                     noinjection(postId)
                     ])

        conn.commit()

        flash("Post Edited", 'success')

        c.close()
        conn.close()
        gc.collect()

        return redirect(url_for('posts'))

    return render_template("editpost.html", form = form, POST_ID = postId)

except Exception as e:
    return(str(e))

编辑帖子模板{jinja}

{% extends "header.html" %}

{% block body %}

<body>
    <div class="container-fluid">
        <br />
        <h4>Edit Post</h4>
        <br />
        {% from "_formhelpers.html" import render_field %}
        <form action="/editpost/{{ POST_ID }}" class="form-horizontal" method="post">
            {% from "_formhelpers.html" import render_field %}
            <form action="/editpost/" method="post">
              <div class="form-group">
                <label for="postTitle">Post Title</label>
                <input type="text" class="form-control" id="postTitle" name="postTitle" placeholder="Post Title" value="{{request.form.postTitle}}">
              </div>
              <div class="form-group">
                <label for="postSubtitle">Post Subtitle</label>
                <input type="text" class="form-control" id="postSubtitle" name="postSubtitle" placeholder="Post Subtitle" value="{{request.form.postSubtitle}}">
              </div>
              <button type="submit" class="btn btn-default">Submit</button>
            </form>
            {% if error %}
                <p class="error"><strong>Error: </strong>{{error}}</p>
            {% endif %}
        </form>
        {% if error %}
            <p class="error"><strong>Error: </strong>{{error}}</p>
        {% endif %}

    </div>
</body>

{% endblock %}

使用以下代码,我将在数据库中获取要更新的选定帖子,但editpost模板未显示数据库中已存在的值,并且所有字段均为空白。

如何在编辑之前预先填充表单?

2 个答案:

答案 0 :(得分:11)

您可以像这样分别填充每个字段:

form = editPostForm(form)
form.postTitle.data = postTitle_from_database
form.postSubtitle.data = postSubtitle_from_database

或者您可以使用process方法填充给定对象的表单字段:

  

process(formdata=None, obj=None, **kwargs)

     

获取表单,对象数据和关键字arg输入并具有字段   处理它们。

     

参数:

     
      
  • formdata - 用于传递来自最终用户的数据,通常是request.POST或等效的。
  •   
  • obj - 如果formdata没有字段数据,表单将尝试从传递的对象中获取它。
  •   
  • ** kwargs - 如果formdata或obj都不包含字段的值,则表单将分配匹配关键字参数的值   到现场,如果提供的话。
  •   
     

由于BaseForm在实例化时不会获取其数据,因此必须调用   这样可以为封闭的字段提供表单数据。访问   不建议在调用进程之前使用字段数据。

答案 1 :(得分:1)

我是一个n00b,但如果它有帮助,我可以使用python / jinja从SQL数据库预先填充html输入和textarea字段,如下所示:

<强> 1。从变量(例如)

中存储数据库中的相关数据
    name = db.execute("""SELECT name FROM users WHERE id = :id""", id=session["user_id"])

    about = db.execute("""SELECT about FROM users WHERE id = :id""", id=session["user_id"])

<强> 2。渲染模板(使用render_template函数)并传入相关变量(例如)

返回render_template(&#34; edit.html&#34;,name = name,about = about)

第3。通过jinja将变量传递给html输入/ textarea元素。索引到已传递的对象如下:

对于输入标记,请使用value属性,如下所示:

    <input type="text" class="form-control" name="name" value="{{ name[0]["name"] }}">

对于textarea元素:

    <textarea class="form-control" name="about">{{ about[0]["about"] }}</textarea>