如何在flask应用程序中显示particles.js库？
如何在flask应用程序中显示particles.js库？
提问于 2019-11-22 23:05:39
目前，我已经创建了一个常规的网站，所有功能都在html和CSS中我想要的方式。现在，在将其转换为Web App时，我对实现在网页上配置粒子所需的particles.json文件感到困惑。我把这个文件放在flask的静态文件夹中。但对于脚本和让flask中继它是我需要帮助的地方，因为我是flask的新手。
目前，脚本默认位于index.html文件及其后续相关页面中，如下所示：
<script
src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js">
</script>
<script>
particlesJS.load('particles-js', 'particles.json',
function(){
console.log('particles.json has loaded');
});
</script>我假定转发脚本的位置是app.py文件：
flask imports and stuff here
@route('/')
def index():
return render_template("index.html")
if __name__ == '__main__':
app.run(debug=True)我已经能够连接所有设计和后端明智的网站，然而，粒子没有显示，我假设这是因为我没有做我现在问如何在烧瓶中做的事情。
如有任何帮助，我们不胜感激！
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-11-22 23:14:28
您需要创建一个静态文件夹并声明它：
app = Flask(__name__,
static_url_path='',
static_folder='web/static',
template_folder='web/templates')然后创建静态文件夹的路径，在本例中为web/static。
如果你把你的json文件放在web/static目录下，那么Flask就能提供服务。
Stack Overflow用户
发布于 2020-05-13 06:18:12
将以下内容添加到模板文件中：
<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script>
<script>
particlesJS.load("particles-js", "{{ url_for('static', filename='particles.json') }}",
function(){
console.log("particles.json has loaded");
});
</script>确保你的应用中已经导入了'url_for‘：
from flask import Flask, render_template, url_for然后只需将particles.json放在项目目录中名为“static”的文件夹中即可。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58996914
复制相关文章
相似问题
腾讯云开发者
