问题标签 [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 投票
1 回答
58 浏览

flask-wtforms - 具有动态选择的 WTForms Flask SelectField 中的活动按钮

我试图添加到 WTForms Flask SelectField 1 静态选项的动态选择中。此时我有一个 category_list,它通过查询到数据库来工作,并包括每个用户的所有可用选择。我想通过一些操作在这个选择字段中添加更多活动选项,例如带有“href”的引导下拉菜单中的按钮。这是表单中的 SelectField 代码:

你会这么好心地帮助我找到一种方法来做到这一点,或者解释一下,为什么这是不可能的?

0 投票
1 回答
109 浏览

python - Flask Bootstrap 404 非根路径上的静态资源

我有一个使用 Flask Bootstrap (V3.3.7.1) 的 Flask 应用程序,使用引导文件的本地服务。

我将此应用程序嵌入到 iFrame 中,该 iFrame 通过代理传递这些请求,一旦我离开应用程序的根路径,加载这些静态文件时就会出现 404 错误。

我的项目结构非常简单——

模板本身内部没有任何自定义内容覆盖这些路径 - 一切都使用默认值。

以下是这些静态文件的工作请求的日志 -

这是我们离开根路径后的日志,我开始为所有资源获取 404,并且 CSS 或 JS 在远程页面上都不起作用。/scaninvestigation您可以看到它正在新路径而不是上面工作的根路径中寻找静态资源。

关于我可以做些什么来解决这个问题以及它为什么会发生的任何想法?这些 CSS 文件是 Python 库的默认文件,并且在不通过 iFrame / 代理传递时可以正常工作。

0 投票
1 回答
194 浏览

javascript - 如何将子文件夹与 Flask 蓝图一起使用?

所以我对 Flask 还很陌生,但现在我正在尝试将它用于团队中的一个项目,而且,正如所有好的项目都应该的那样,我们希望有一个好的文件夹结构来保持一切都很好、整洁和有条理我们一直在使用模板文件夹中的子文件夹时遇到问题。

这是我们希望我们的结构的方式:

  • 源代码
    • 模板
      • 关于
        • about.html
        • 关于.css
        • about.js
      • 指数
        • 索引.html
        • 索引.css
        • index.js

其中关于将是关于我们的经典页面,并配置一个经典的个人资料页面。然而,我们真的很困惑如何实际路由这个 - 例如,我们不明白为什么这样的东西不起作用......

我们被难住了,非常感谢您提供的任何帮助!

0 投票
1 回答
316 浏览

python - 再问:Flask-Bootstrap 有什么问题?

好的

所以你不喜欢我的最后一个问题

这是第二个问题,提供的信息比实际需要的多得多。在 flask-bootstrap 模块中定义基本目录是一个非常简单的问题。如果您设法看到我的最后一个问题,我展示了我的代码,但这里有一些您想要的更多无用信息,原因很奇怪:

索引.html

初始化.py

所以现在我把它搞定了,我的错误(在我将 index.html 中的索引更改为 base 之后):

在我改变它之前我的错误:

现在这一次,我的问题一般不会被任何答案关闭(我可能会注意到这与本网站的目的相反)这里有什么问题?我初始化flask-bootstrap的方式有问题,还是我需要在终端中输入一些命令?随时提出问题,如果这是我遗漏的一个简单问题,非常感谢。对于任何不必要的态度,我深表歉意,我只是对因“信息不足”而锁定我最后一个问题的人感到失望。

0 投票
1 回答
169 浏览

python - 烧瓶 - jinja2.exceptions.TemplateNotFound

我正在关注 Flask Mega Tutorial 并且我正在尝试使用 flask_bootstrap 但不断收到错误消息jinja2.exceptions.TemplateNotFound: bootstrap/base.html

在应用程序文件夹中有一个init .py 文件是我初始化引导程序

在该文件夹中有一个包含 base.html 的模板文件夹。

0 投票
0 回答
223 浏览

python - Bootstrap 网格不适用于 Flask 设置

编辑:

我使用了错误版本的引导程序。使用引导程序 5.0 的 CDN 链接解决了这个问题。谢谢!

我是 Flask/bootstrap 的新手,我尝试了以下示例,但呈现的页面给了我堆叠的结果(参见第二个屏幕截图),而不是 bootstrap 网站中显示的结果(https://getbootstrap.com/docs/4.0/layout/格/ )

在此处输入图像描述

为了演示,这是我当前结果的屏幕截图: 在此处输入图像描述

以下代码片段是我的 Flask 设置。我在浏览器中检查了开发人员模式并加载了源代码,所以我不确定问题出在哪里(引导文件通过 CDN 链接包含)。

我也尝试flask-bootstrap使用 pip 安装然后将它们导入app.py也没有帮助。

app.py

ooo.html

layout.html

提前致谢!

0 投票
0 回答
333 浏览

python - Adding live search in the select field in the wtform SelectField in flask to search through the choices

Is there any way I can implement the feature like bootstrap-select with data-live-search="true" with the help of wtforms in flask. I want to add a live search in my selectfield so that i can search through the dynamic choices.

Code for bootstrap-select with live search:

My python views.py:

form.py:

my html code:

Is there any way I can use bootstrap-select with wtforms selectfield and add live search in above example. If we cannot use bootstrap-select with wtform is there any other way I can do live search using wtforms.

https://developer.snapappointments.com/bootstrap-select/examples/ You can refer this link to see the demonstration of bootstrap-select with live search.

0 投票
0 回答
35 浏览

flask - 下拉菜单不适用于 Flask-Bootstrap

我使用 flask-bootstrap 将 bootstrap 带入我的烧瓶应用程序。为此,我尝试放置一个下拉菜单,如下所示:

但是,正如文档中提到的,下拉列表需要popper.js. 如何添加popper flask-bootstrap

我尝试了以下脚本,但没有成功:

这是我的下拉列表:

在此处输入图像描述

0 投票
1 回答
15 浏览

javascript - 如何将 Navbar(logo, View('Home', ... 从 Flask-Nav 模块的徽标转换为可点击的链接

在菜单栏部分的python代码部分(如app.py)中,我们可以将导航栏定义为:

我的模板中的代码部分 html:

徽标 img 不可点击 我怎样才能使此图像可点击到任何链接

0 投票
0 回答
40 浏览

javascript - 使用 Flask Bootstrap 和 JS 的动态表单

我需要你的帮助。

问题:我想创建一个接受一些输入的单页网页。说它是一个简单的信用计算器。第一种形式(货币)应该提供唯一的数据,另一对(日期和总和)应该是可乘的,而无需事先知道用户将输入多少条目。

到目前为止,我正在尝试处理问题的两个方面。

  1. 如何制作正确的动态表单,以我想要的方式生成输入表单框?简短的例子(很抱歉对第二个进行了绘画编辑):

它看起来如何

它应该是怎样的

基本上,我想要一个 JS 脚本 a) 立即克隆两个表单,而不是在“提交”按钮之后(据说它们下面会有更多字段,所以我希望新字段“就地”出现,而不是最后出现页面),b)通过输入字段将按钮居中,c)删除克隆表单的名称。

我目前写的代码如下:

  1. 显然,我无法将数据从克隆字段传递到后端。

表格.py

路线.py

虽然我希望从具有相同名称的文件中提取所有值(在本例中为“paysum”),但我不能这样做。如果我在第一行输入某个总和,点击“+”按钮后,我会重新加载页面,并且不会创建其他字段。

我怀疑这是因为我对 form.validate_on_submit() 应用程序中的 GET/POST 方法和我的手写 JS 函数的理解不足。单击“上传”按钮后,如何修复代码以从多个表单中获取所有数据?