问题标签 [flask-bootstrap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
31308 浏览

flask - 使用从前一个字段中选择的值填充 WTForms 选择字段

对此的新手,尝试按照众所周知的 Flask 教程构建应用程序,使用 Flask-bootstrap、Flask-wtforms、Jinja 等

我有一个带有 2 个选择字段和一个按钮的表单。

我只想预填充第一个字段,而另一个根据前一个字段的选定值填充(在客户端?)。

在模板中我尝试类似

这工作正常(假设我返回元组列表以填充下一个字段,使用正确的 javascript 和路由)但我想要类似以下的内容

这不起作用(错误:wtforms.widgets.core.HTMLString object' has no attribute 'flags')

所以,我想我的问题真的是:如何在这个 wtf 表单字段上实现 onChange 事件?(这是我必须做的,还是视图函数有办法?)

提前致谢。

0 投票
4 回答
6050 浏览

python - WTForms:取消时禁用客户端验证

我要问的其实很简单。我想创建一个包含一些字段以及一个提交和一个取消按钮的表单。我想使用quick_formFlask-Bootstrap 的模板功能来降低模板的开销。我的表格如下所示:

模板:

有人会怀疑我想在submit上验证并接受输入值,并在cancel上跳过验证。所以我的视图功能看起来像预期的那样。

现在,如果按下取消,逻辑上应该没有验证,并且应该进行重定向。但是,我遇到了一个问题,即如果由于客户端验证而按下提交取消,我的视图函数甚至都不会被调用。

有没有办法在 WTForms 上禁用客户端验证?

0 投票
3 回答
19205 浏览

python - 带烧瓶的引导程序

我希望将引导模板集成到我的烧瓶程序中。具体来说:我下载了这个模板的 zip 文件:

https://startbootstrap.com/template-overviews/sb-admin/

但是,该文件的格式与 Flask 模板/静态格式完全不同。

我也下载了 Flask-Bootstrap (python) 但一直无法成功准确地导入模板。

我正在寻找有关如何轻松将此类模板导入我的烧瓶代码(包括 css、jQuery、html 等)的建议。谢谢!

0 投票
0 回答
752 浏览

python - 如何让集成的 Flask-Bootstrap 与我的 Flask 项目一起工作?

我已经安装了烧瓶引导程序并通过 virtualenv 导入到我的项目中。我正在尝试启动flask-bootstrap 包附带的“base.html”模板,但是当我加载我的项目时,网站没有显示任何引导迹象。我该如何解决这个问题?下面是我如何导入 flask_bootstrap 包。

此外,这是我尝试从以下位置启动包的代码:

但这是我得到的结果:

烧瓶样本

0 投票
1 回答
357 浏览

html - Bootstrap 修复顶部导航栏

所以我正在尝试熟悉使用 Flask 引导程序。然而,有一件事让我感到困惑。我正在使用http://getbootstrap.com/components/#navbar-fixed-top

它告诉我添加:body { padding-top: 70px; }

但是,它要我在哪里添加它?我已将其手动添加到我的 html 文件中,该文件有效,但我正在使用块。

这就是它现在的样子,我猜这不是它应该的样子?

这就是它的样子

0 投票
1 回答
1034 浏览

twitter-bootstrap - 如何在flask_bootstrap环境中覆盖bootstrap的默认主题

我正在使用flask 和flask_bootstrap 制作应用程序。

我从这个网站中选择了一个主题。您可以在线编辑该主题的变量以对其进行自定义。最后,您可以将编辑结果下载bootstrap.css到本地。

现在我必须将这个 bootstrap.css 复制并粘贴到venv/lib/python3.4/site-packages/flask_bootstrap/static/css并覆盖原来的那个。只有这样,我才能让我的网站在错误消息中正常工作。但是每次升级flask_bootstrapin pip虚拟环境时,我都必须再次复制和粘贴css文件。我觉得这很无聊,我相信应该有一个解决方案。

我尝试将自定义站点生成bootstrap.css的放在我自己的static文件夹中并添加<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='theme_page.css') }}" />参考。但是会弹出一批错误消息,例如:"GET /fonts/glyphicons-halflings-regular.woff2 HTTP/1.1" 404 -. 我知道这是因为在自定义的 css 文件中,有对字体文件夹的引用,但显然我自己的static文件夹不是位于venv.../flask_bootstrap/static并真正包含的文件夹/fonts

那么有什么好的建议吗?谢谢!

0 投票
1 回答
264 浏览

python - 使用 Flask-Bootstrap 是否有任何类型的性能影响?

据我所知,Flask-Bootstrap 主要只是提供了一个基本模板,您可以使用它来制作其他模板。

Flask-Bootstrap 模板位于我的站点包文件夹中。

有什么理由不应该将 base.html 从 site-packages 文件夹中复制出来,并将其放入我的模板文件夹并自定义为我自己的基础?那么我什至不需要使用 Flask-Bootstrap,对吧?

或者,我认为它所做的只是提供该基本模板是错误的吗?

0 投票
1 回答
164 浏览

twitter-bootstrap-3 - flask-bootstrap utils 图标增加字形大小

我在用着Flask-Bootstrap

utils.icon用来获取字形:

按照文档我没有成功增加字形大小

0 投票
4 回答
14252 浏览

flask - jinja2.exceptions.TemplateNotFound:bootstrap/base.html

安装 Bootstrap Flask 扩展后,我在 Flask 应用程序中继承bootstrap/base.html,但出现以下错误:

0 投票
1 回答
40 浏览

javascript - Javascript 在模板中直接输入时有效,但从 src 文件导入时无效

此 javascript 使用来自变量(名为物理位置)的值填充 SelectField。当 Javascript 直接插入到模板中时,它可以工作,如下所示:

但是,当我尝试整理并将其放在单独的文件中时,它不像以前那样工作。例如,我在模板文件中尝试过这个:

这在 populateselect.js 中:

编辑** 答案中建议我的问题与我将 src 放在模板中的表单上方有关。结果,我修改了模板谎言:

但是,这并没有解决问题。我一定也做错了什么(?)