wtf.quick_form 自定义按钮

最新推荐文章于 2021-09-21 17:32:37 发布
最新推荐文章于 2021-09-21 17:32:37 发布
阅读量2.6k 收藏
点赞数 1
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Studyzz/article/details/82289298
本文介绍如何在不重写表单代码的情况下调整wtf.quick_form生成的按钮大小。通过简单地修改按钮的CSS类，可以轻松实现按钮尺寸的调整。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天在做想稍加修改一下wtf.quick_form的按钮，又不想自己重新将表单码一遍，找了半天没找到，或者自己水平不够看不懂，后面问题得以解决，写下心得：

觉得按钮有点小，需要调大一点

首先找了一下button的类

得到结果是.btn.btn-success

之后在html文件前加

即可得到结果，效果图：

不知道有没有人会遇到和我一样的问题，希望能帮大家搞定

Studyzz
关注
Web页面显示{ wtf.quick_form() }（关键词：flask/bug）
Henry1991back的博客
11-29 2549
先上效果图： 很奇怪： 为什么页面会出现【{ wtf.quick_form() }】？分析： 此页面是index.html，继承自base.html，应该是这两个文件当中的一个的相同位置的代码除了问题。这里附上index.html和base.html的代码： index.html{% extends "base.html" %} {% import "bootstrap/wtf.html"
flask-wtf表单处理
GLH_2236504154的博客
03-08 2717
flask-wtf必要性 - 避免重复操作， 表单操作很多; - 防止表单遭遇跨站请求伪造(csrf===cross-site request forgery); 1. 为什么使用Flask-WTF？ request对象公开了所有客户端发送的请求信息。特别是request.form可以访问POST请求提交的表单数据。 尽管Flask的request对象提供的支持足以处理web表单，但...
WTForms和quick_form的一点使用技巧
cz_布衣的博客
10-13 4471
在大多数flask教程中，都会介绍使用WTForms和bootstrap，使用起来确实比较方便。方法大致如下： from flask_wtf import FlaskForm from wtforms import StringField, PasswordField, SubmitField from wtforms.validators import DataRequired class L...
QuickForm 进阶
flameflash的专栏
08-14 1172
QuickForm 进阶使用 QuickForm 的大体步骤是1 声明实体，定义 form 名字2 添加元素，规则，过滤器3 验证表单4 显示表单其中，在跟模板相结合使用的时候，模板页上一定要定义 ... 这个 xxx_attributes 取决于定义的 QuickForm 名称一个 Group 也是一个元素，可以稍候将他 remove 然后 add 一个同名的元素我比较喜欢这么干，表单提交前，
flask表单
milk_and_bread的博客
04-11 206
Flask-WTF 保护表单免受跨站请求伪造（CSRF），通过设置密钥的方式 app.config['SECRET_KEY'] = 'hard to guess string' 表单类 字段对象可附属一个或者多个验证函数（用来验证用户体提交输入的值是否符合要求） class NameForm(FlaskForm): name = StringField('What is yo...
Flask学习笔记-在Bootstrap框架下Web表单WTF的使用
weixin_34396902的博客
02-22 498
为什么80%的码农都做不了架构师？>>> ...
Flask(WTF)表单操作
Wangtuo1115的博客
03-10 1597
文章目录Flask表单操作 Flask表单操作 Form表单，在Web应用中无处不在。比如：用户登录表单，用户注册表单。 所有的表单都有共性，比如有文字输入框，单选框，密码输入框等； 表单的验证也有共性，比如有非空验证，长度限制，类型验证等。 如果有个框架能够将这些共性抽象出来，那就能大量简化我们的工作。Python的WTForms就提供了这些功能。这里我们就结合Flask的WTForms扩...
python--Flask-wtf
m0_37206112的博客
03-08 553
flask-wtf 避免重复操作，表单操作很多； 防止表单遭遇跨站请求伪造(csrf ==== cross-site request forgery)； csrf 跨站请求伪造流程图： 1.为什么使用Flask-WTF？ request 对象公开了所有客户端发送的请求信息。特别是 request.form 可以访问POST 请求提交的表单数据。尽管 Flask 的 request 对象提供的...
Flask笔记(3)--扩展包Flask-WTF，Flask-Moment
lianxiaopang的博客
11-15 732
flask_wtf是一个关于表单的扩展库，默认情况下， Flask-WTF 能保护所有表单免受跨站请求伪造（ Cross-Site Request Forgery，CSRF）的攻击。恶意网站把请求发送到被攻击者已登录的其他网站时就会引发 CSRF 攻击。 flask_moment是一个将时间本地化的库，用于国际化。
自行编写代码解决 WTForm 无纯 Button 按钮的问题——button篇
太午的作业本
05-26 1886
在上一篇，我们已经了解到 WTForm 自带的元素的局限性，所以通过自定义的方式实现了一个 <input type='button' /> 形式的按钮元素。在本篇中，我们就试着实现 <button type='button'>BUTTON</button> 形式的按钮。
Python进阶(五十三)Flask Web开发实现将表单渲染成HTML
IT全栈 华强工作室
05-31 8794
在利用Flask进行Python Web开发时，页面中的函数中的参数form是如何与视图函数中的form变量关联起来的？即Flask是如何将表单渲染成HTML的？下面以实例的形式进行问题求解。在视图函数views.py中：将相应的表单类实例作为参数传递给模版。
wtform
吴定焕的博客
09-21 134
使用wtf, 需要在form中{{form.csrf_token()}} 使用quick_form在html中{%import "bootstrap/wtf.html" as wtf %}然后才可以使用来自py文件的form {%wtf.quick_form(form)%} 设置属性\样式 {{ form.name(class=“xxx”, placeholder=“xxx”) }} ...
CRM 客户端程序开发：自定义系统标准按钮的可用性
weixin_34162228的博客
06-13 206
一般是新建一个解决方案用于客制化命令栏和Ribbon区，我这里是新建了一个 RibbonEditor的解决方案，然后将你要修改的实体加入进来。我这里是选择 报价单 实体，然后点击 确定 按钮。在 CRM > 设置 > 解决方案页面 点击 自定义 图标。选择前面建立的解决方案，然后点击 OK 按钮。确保选择的选项卡是Command Bar，因为我这里要修改的...
Flask_wtf自定义 field样式（Placeholder, Style）、wtf.html、匹配 Bootstrap4、jinja2 quick_form
热门推荐
非梦的花朵 (Kevin QQ)
11-10 1万+
Flask-wtf + Flask-bootstrap，简简单单用一条语句就能让 jinja2 渲染出 form： form.quick_form() 但如果要实现自定义的表单样式，如下图，怎么做呢？ 自定义错误提示： 很简单，修改3个地方就行： forms.py class CommentForm(Form): name
Web表单（Flask-WTF）
westenboy的专栏
01-23 6427
1、request.form获取POST请求中提交的表单数据 hello.py: from flask import Flask, request, render_template app = Flask(__name__) @app.route('/', methods=['GET', 'POST']) def home(): return render_template('ho
表单处理Flask-WTF(三)
gf_lvah的博客
07-20 767
1. HTML渲染的表单 表单域是可调用的，调用时从模板渲染它们到HTML。假设视图函数传递一个参数名为form的NameForm实例给模板，模板就会生成一个简单的HTML表单，如下所示： 隐藏的 CSRF 令牌会被自动地创建。你可以在模板这样地渲染它: {{ form.csrf_token }} 为了创建有效的 XHTML/HTML， Form 类有一个 hidden_tag 方法， 它在...
flask中web表单应用
happy_bigqiang的博客
03-15 1721
web表单1: 制作简易表单有几个步骤： 1， 跨站请求伪造保护 2， 表单类 3， 在视图函数中处理表单 4， 在html文件中处理表单 5, 关于重定向和用户会话—- – – ———分割线之具体步骤 0，先安装 pip install flask-wtf1， 老规矩，先在hello.py中修改代码,Cross-Site Request Forgery ,flas
flask-wtf
github_40094105的博客
10-07 2379
request.form 获取POST请求中提交的表单数据 Flask 请求的对象提供的信息足够用于处理web表单，但是人物单调，重复 例如：生成表单的HTML代码和验证提交的表单数据Flask-WFT将处理web表单的过程变得比较有趣安装： pip install flask-wtf功能： flask-wtf可以保护表单免受 跨站请求伪造（CSRF）的攻击 恶意网站将请求发送到被攻击者已
flask学习笔记(-Web 表单)
SUN_DRAGON的专栏
06-20 1万+
WEB表单安装flask-wtfFlask
def configure_wtf(self) -> None: if self.config["WTF_CSRF_ENABLED"]: csrf.init_app(self.superset_app) csrf_exempt_list = self.config["WTF_CSRF_EXEMPT_LIST"] for ex in csrf_exempt_list: csrf.exempt(ex)解释代码
最新发布
03-10
<think>好的，我需要解释这段Python代码的功能。首先，用户给了一个方法configure_wtf，属于某个类的配置部分。代码涉及Flask-WTF的CSRF保护配置。 首先看方法定义：def configure_wtf(self) -> None:，说明这是一个配置方法，返回类型是None。接下来检查self.config中的"WTF_CSRF_ENABLED"是否为真。如果开启，就初始化CSRF保护，通过csrf.init_app(self.superset_app)，将应用实例传入。 然后处理豁免列表，从配置中获取WTF_CSRF_EXEMPT_LIST，遍历每个豁免项，使用csrf.exempt(ex)来排除这些视图的CSRF检查。需要确认csrf是Flask-WTF的CSRF实例，比如可能是from flask_wtf.csrf import CSRFProtect创建的csrf对象。 可能需要注意的点：为什么需要豁免某些视图？比如API端点或不需要CSRF保护的路径。另外，配置项的名称是否符合特定框架（如Superset）的约定。需要确保代码逻辑正确，比如先初始化再豁免，或者顺序是否有影响。可能还要提到Flask-WTF的CSRF工作原理，比如在表单中插入token，验证POST请求等。 总结步骤：检查配置是否启用CSRF，初始化，然后豁免指定视图。确保用户理解各部分的作用，以及配置项的来源和用途。</think>这段代码属于Flask应用（可能是Superset框架）中配置CSRF保护的逻辑。下面逐步解释其作用： --- ### 1. **方法定义** ```python def configure_wtf(self) -> None: ``` 这是一个类方法，用于配置Flask-WTF（Web表单安全防护）相关功能，返回类型为`None`。 --- ### 2. **检查CSRF是否启用** ```python if self.config["WTF_CSRF_ENABLED"]: ``` - 从配置中读取`WTF_CSRF_ENABLED`的值，判断是否启用CSRF保护。 - CSRF（跨站请求伪造）是一种安全机制，用于防止恶意网站伪造用户请求。 --- ### 3. **初始化CSRF保护** ```python csrf.init_app(self.superset_app) ``` - 若CSRF已启用，调用`csrf.init_app()`将CSRF保护绑定到Flask应用实例（`self.superset_app`）。 - 这里`csrf`一般来自`flask_wtf.csrf.CSRFProtect`，需提前导入并创建实例。 --- ### 4. **处理CSRF豁免列表** ```python csrf_exempt_list = self.config["WTF_CSRF_EXEMPT_LIST"] for ex in csrf_exempt_list: csrf.exempt(ex) ``` - 从配置中获取`WTF_CSRF_EXEMPT_LIST`，这是一个需要豁免CSRF保护的视图（路由）列表。 - 遍历列表，通过`csrf.exempt(ex)`对每个视图禁用CSRF检查。 - **豁免场景**：某些API或特殊端点不需要CSRF保护（如开放接口）。 --- ### 关键点总结 | 步骤 | 作用 | |----------------|--------------------------------------------------------------------| | 检查配置开关 | 决定是否启用CSRF保护 | | 绑定CSRF到应用 | 为整个Flask应用添加CSRF防护 | | 豁免特定视图 | 允许某些路由绕过CSRF验证（需谨慎配置） | --- ### 补充说明 - **CSRF工作机制**：在表单中插入隐藏的Token，服务器验证该Token是否匹配。 - **典型配置**：在`config.py`中设置`WTF_CSRF_ENABLED = True`和`WTF_CSRF_EXEMPT_LIST = ['api.route1', 'auth.special_endpoint']`。 - **安全建议**：仅对无需会话验证的接口（如纯API）豁免CSRF，避免安全漏洞。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值