Flask应用程序 - 如何将javascript文件链接到网站

Question

我在开始在我的网站上使用javascript文件时遇到了一些麻烦（A Flask应用程序）。我通过运行run.py来启动网站，如下所示：

#!flask/bin/python
from app import app
app.run(debug=True)

在我的html页面中，我有以下代码，它给出了404错误：

错误讯息：

我的文件结构如下：

有关我出错的地方的任何提示？

Answer 1

啊，是的，幸运的是我目前正在开发一个烧瓶应用程序。

您目前缺少静态文件夹，默认情况下，烧瓶会查看，文件夹结构如下：

|FlaskApp
----|FlaskApp
--------|templates
        - html files are here
--------|static
        - css and javascript files are here

Flask将在模板和静态中查看两个重要的默认文件夹。 一旦你对它进行了排序，你就可以使用它来链接你的html页面中的javascript文件：

<script src="{{url_for('static', filename='somejavascriptfile.js')}}"></script>

希望能帮助解决任何问题。

Plus - 一篇很好的文章，但不是超级相关但是它讨论了烧瓶的文件夹结构：https://www.digitalocean.com/community/tutorials/how-to-deploy-a-flask-application-on-an-ubuntu-vps

Answer 2

尝试使用src="app/javascript/jquery.js"。

另外，我注意到你在第7和28行包含了jquery.js两次。

Answer 3

因此，Model.Id位于index.html，您的jQuery位于app/templates/index.html对吗？

我认为你的道路是错的。试试这个：

app/javascript/jQuery.js

Answer 4

这是帮助我消除Flask项目的jquery部分的原因

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>

直接来自http://getbootstrap.com/getting-started/

中的基本模板