问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

如何在前端根据sqlalchemy的搜索返回结果自动填写表单？

头像
flasking
    6521624

    请教各位高手，

    如何通过完成前端其中的一个表单，回车搜索后根据sqlalchemy的返回，自动完成其余的表单？哪里有代码可以借鉴下，不胜感激！

    pythonbootstrapflasksqlalchemy
    阅读 3.6k
    3 个回答
    得票最新
    头像
    yooz_hardy
      463218

      我用的 flask

      比如一个 form 是这样

      class NoteForm(Form):
    c_title = StringField(u'标题')
    c_note2 = StringField(u'备注')

      模板 example.html 是这样

      <html>
    <body>
        <form method = 'post' action = ''>
            {{ my_form.c_title.label }} {{ my_form.c_title() }} 
            {{ my_form.c_note.label }} {{ my_form.c_note2() }} 
            <input type='submit' value='提交'/>
        </form>
    </body>
</html>

      views 里是这样

      @app.route('/get_note',methods=['post','get']
def get_note():
    my_form = NoteForm()
    # 查找 note 的 id 为「1001」的 note 内容
    # T_note 表里包含 c_title 和 c_name
    result= T_note.query.filter(T_note.id == '1001').first() 
    # 下面这两部的赋值就是要实现你的目的的地方，把查询的值在后台赋给表单
    my_form.c_title = result.c_title
    my_form.c_name = result.c_name
    # 然后就是把 my_form 传到模板中去
    return render_template('example.html',my_form = my_form)
      头像
      caimaoy
        85341931

        先说一下，可以使用 html5 的 datalist 来完成。
        如果你数据不多可以在后台通过模板渲染出 datalist，如果数据量比较大通过 ajax 来刷新 datalist.
        模板写法大概如下

        <div>
    <div>
        <input type="text" list="test_list">
    </div>
    <datalist id="test_list">
        {% for t in test_list%}
        <option value="{{ t }}">
        {% endfor%}
    </datalist>
</div>
        头像
        hyrijk
          28716

          用javaScript DOM编程来实现. 监听第一个表单的回车事件, 发送ajax请求到Flask, Flask返回数据, 再用javaScript填充其他表单

          撰写回答
          你尚未登录，登录后可以
          • 和开发者交流问题的细节
          • 关注并接收问题和回答的更新提醒
          • 参与内容的编辑和改进，让解决方法与时俱进
          推荐问题