自动完成 Flask wtforms

     2023-02-22     210

关键词:

【中文标题】自动完成 Flask wtforms【英文标题】:Auto complete Flask wtforms 【发布时间】:2021-03-04 13:59:44 【问题描述】:

我想使用数量和商品价格自动更新我的总金额字段?有没有办法使用没有javascript的烧瓶来做到这一点?我希望在输入数量和商品价格时更新总金额。

class ItemForm(FlaskForm):
    item = StringField('Item')
    quantity=IntegerField('Quantity')
    item_price=IntegerField('Item Price')
    class Meta:
        csrf = False

class CostumerForm(FlaskForm):
    costumer_name=StringField('Costumer Name: ')
    item_detail = FieldList(FormField(ItemForm), min_entries=1)
    add_item = SubmitField(label='Add Item')
    remove_item = SubmitField(label='Remove Item')
    total_amount=IntegerField('Total Amount')
    paid_amount=IntegerField('Paid Amount')
    submit=SubmitField('Submit')
    proceed=SubmitField('Proceed')

@app.route('/costumer',methods=['GET','POST'])
@login_required
def costumer():
    form=CostumerForm()
    if form.add_item.data:
        form.item_detail.append_entry()
        return render_template('costumer.html', form=form)
    if form.remove_item.data:
        form.item_detail.pop_entry()
        return render_template('costumer.html', form=form)
    if form.validate_on_submit():
        item=breakdown(form.item_detail.data)[0]
        quantity=breakdown(form.item_detail.data)[1]
        item_price=breakdown(form.item_detail.data)[2]
        amount=breakdown(form.item_detail.data)[3]
        total_amount=breakdown(form.item_detail.data)[4]
        remaning_amount=total_amount-form.paid_amount.data
        sales=Costumer(admin_id=current_user.id,item_id=item,
                            costumer_name=form.costumer_name.data,quantity=quantity,
                            item_price=item_price,amount=amount,total_amount=total_amount,
                            paid_amount=form.paid_amount.data,remaning_amount=remaning_amount)
        db.session.add(sales)
        db.session.commit()
        return redirect(url_for('salesvoucher'))
    return render_template('costumer.html',form=form)

costumer.html

销售量 form.hidden_​​tag() form.costumer_name.labelform.costumer_name(class='form-control input-group-ig',placeholder='Costumer Name') 物品 数量 项目价格 % for field in form.item_detail % % for f in field% f(class='表单控制') % endfor % % endfor % form.add_item(class='btn btn-primary') form.remove_item(class='btn btn-danger') form.proceed(class='btn btn-primary') ```

【问题讨论】:

【参考方案1】:

没办法。即使您只在前端进行更新,您也必须使用 javascript。

【讨论】:

我实际上最终学习了 javascript...它解决了我的问题

6---flask-wtforms(代码片段)

6、Flask-WTForms Flask-WTF是简化了WTForms操作的一个第三方库。WTForms表单的两个主要功能是验证用户提交数据的合法性以及渲染模板。还有其它一些功能:CSRF保护,文件上传等。安装方法:pipinstallflask-wtf1.1.WTForms简单验证fromflaski... 查看详情

85flask之wtforms

本篇导航:wtforms组件的使用自定义From组件 一、wtforms组件的使用1、flask中的wtformsWTForms是一个支持多个web框架的form组件,主要用于对用户请求数据进行验证。安装:pip3installwtforms2、wtforms组件的使用之登录验证1)图示2)manag... 查看详情

Flask-WTForms 在我的项目目录中找不到 WTForms

】Flask-WTForms在我的项目目录中找不到WTForms【英文标题】:Flask-WTFormscan\'tfindWTFormsinmyprojectdirectory【发布时间】:2012-07-2708:38:54【问题描述】:这是我在***上的第一篇文章,大家好。我正在做博客应用程序来学习Python和Flask,我想... 查看详情

flask第七篇flask中的wtforms使用

一、简单介绍flask中的wtformsWTForms是一个支持多个web框架的form组件,主要用于对用户请求数据进行验证。安装:pip3installwtforms二、简单使用wtforms组件1、用户登录具体代码:fromflaskimportFlask,render_template,request,redirectfromwtforms.fieldsimp... 查看详情

flask之wtform与flask-session组件

1.wtformfromflaskimportFlask,render_template,request,redirectfromwtformsimportFormfromwtforms.fieldsimportcorefromwtforms.fieldsimporthtml5fromwtforms.fieldsimportsimplefromwtformsimportvalidatorsfrom 查看详情

flask中的wtforms使用(代码片段)

一、简单介绍flask中的wtformsWTForms是一个支持多个web框架的form组件,主要用于对用户请求数据进行验证。安装:pip3installwtforms二、简单使用wtforms组件1、用户登录具体代码:fromflaskimportFlask,render_template,request,redirectfromwtforms.fieldsimp... 查看详情

flask-flask-script|多app应用|wtforms

flask-script用于实现类似于django中python3manage.pyrunserver...类似的命令安装>:pip3installflask-script使用manage.pyfromflaskimportFlask#1.导入Managerfromflask_scriptimportManager#2.实例化Flask生成对象appapp=Flask(__name__)#3 查看详情

flask-wtforms

what‘sthe WTForms  WTForms是一个支持多个web框架的form组件,主要用于对用户请求数据进行验证。其作用是可以为轻量级的框架提供类似Django的form的功能。安装:pip3installwtforms 源码流程分析实例化流程分析#源码流程1.执行typ... 查看详情

wtformsinflask(wtforms在flask中的应用)(代码片段)

WTFormsWTForms是一个支持多个web框架的form组件,主要用于对用户请求数据进行验证。安装wtforms:pip3/pipinstallwtforms 用户登录/注册示例项目目录结构flask-wtforms-example│app.py│└─templatesadd_user.htmlindex.htmllogin.htmlregister.htmlusers.html& 查看详情

flask框架:运用wtforms实现用户注册(代码片段)

WTForms是用于web开发的灵活的表单验证和呈现库,它可以与您选择的任何web框架和模板引擎一起工作,并支持数据验证、CSRF保护、国际化等,运用WTForms框架并配合Flask可实现一个带有基本表单验证功能的用户注册与登录页面,经... 查看详情

flask之wtforms

 简介WTForms是一个支持多个web框架的form组件,主要用于对用户请求数据进行验证。安装:1pip3installwtforms用户登录注册示例1.用户登录当用户登录时候,需要对用户提交的用户名和密码进行多种格式校验。如:用户不能为空;... 查看详情

使用 WTForms 字段列表

】使用WTForms字段列表【英文标题】:WorkingwithWTFormsFieldList【发布时间】:2011-08-2510:17:22【问题描述】:我通过Flask.WTF扩展将WTForms与Flask一起使用。不过,这个问题不是Flask特有的。WTForms包含一个FieldListfieldforlistsoffields。我想用... 查看详情

flask之wtforms源码分析

一、wtforms源码流程1、实例化流程分析1#源码流程21.执行type的__call__方法,读取字段到静态字段cls._unbound_fields中;meta类读取到cls._wtforms_meta中32.执行构造方法45a.循环cls._unbound_fields中的字段,并执行字段的bind方法,然后将返回值... 查看详情

动态选择 WTForms Flask SelectField

】动态选择WTFormsFlaskSelectField【英文标题】:DynamicchoicesWTFormsFlaskSelectField【发布时间】:2018-04-0522:01:45【问题描述】:我正在尝试使用FlaskForms将userID变量传递给WTForms。首先,我将展示可以正常工作的代码,然后是我需要修改的... 查看详情

flask--wtforms(代码片段)

简介WTForms是一个支持多个web框架的form组件,主要用于对用户请求数据进行验证。安装:pip3installwtforms用户登录注册示例1.用户登录当用户登录时候,需要对用户提交的用户名和密码进行多种格式校验。如:用户不能为空;用户... 查看详情

flask:flask-script;多app应用;wtforms;sqlchmy

一. flask-script一.flask-script简介1.什么是flask-script:是一个让你的命令行支持自定义命令的工具,它为Flask程序添加一个命令行解释器。可以让我们的程序从命令行直接执行相应的程序(用于实现类似于django中python3manage.pyrunserver...... 查看详情

flask学习第7篇:flask中的wtforms使用(代码片段)

flask中的wtforms使用一、简单介绍flask中的wtformsWTForms是一个支持多个web框架的form组件,主要用于对用户请求数据进行验证。安装:pip3installwtforms二、简单使用wtforms组件1、用户登录具体代码:fromflaskimportFlask,render_template,request,redir... 查看详情

wtforms快速使用和源码分析(基于flask)

wtforms和django的form组件大同小异,下面给出一个应用举例以便快速查询。开始使用1fromflaskimportFlask,render_template,request,redirect23fromwtformsimportForm45fromwtforms.fieldsimportcore6fromwtforms.fieldsimporthtml57fromwtforms.fie 查看详情