Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
未在Flask网页中加载JavaScript文件_Javascript_Python_Html_Flask - Fatal编程技术网

未在Flask网页中加载JavaScript文件

未在Flask网页中加载JavaScript文件,javascript,python,html,flask,Javascript,Python,Html,Flask,我正在学习构建Flask网页,由于某些原因,我无法找到任何外部文件(如.js和.css)。这是一个基本的烧瓶应用程序: from flask import Flask, redirect, url_for, render_template app = Flask(__name__) @app.route('/index.html') def home() : return render_template('index.html') if __name__ == "__main

我正在学习构建Flask网页,由于某些原因,我无法找到任何外部文件(如.js和.css)。这是一个基本的烧瓶应用程序:


from flask import Flask, redirect, url_for, render_template

app = Flask(__name__)

@app.route('/index.html')
def home() :
    return render_template('index.html')



if __name__ == "__main__" :
    app.run(debug=True)

HTML文件只是带有完整引导CDN的HTML样板文件

文件路径如下所示:

projfolder/ script.py,模板/ (在templates/)assets/、css/、js/、index.html中

HTML具有如下文件路径:


<script src="assets/mail/jqBootstrapValidation.js"></script>
<script src="assets/mail/contact_me.js"></script>
<script src="js/scripts.js"></script>


我尝试了各种各样的文件路径,并尝试将文件本身与HTML、与.py脚本放在同一个文件夹中,我不知道网页为什么找不到这些文件


非常感谢您的帮助。

根据Flask惯例,Javascript和css文件位于名为
static
的目录中。所以,你需要做的就是

  • 模板旁边创建一个
    静态
    文件夹
  • assets
    js
    目录移动到
    statis
  • 在HTML文件中,您需要像这样导入这些文件:

<script src="{{ url_for('static', filename='js/scripts.js') }}"></script>
<script src="{{ url_for('static', filename='assets/mail/contact_me.js') }}"></script>
<script src="{{ url_for('static', filename='assets/mail/jqBootstrapValidation.js') }}"></script>