关注我们

Flask - 静态文件

Web应用程序通常需要支持网页显示的静态文件，如 javascript 文件或 CSS 文件。通常，将Web服务器配置为您提供服务，但是在开发过程中，这些文件是从软件包中或模块旁边的static文件夹提供的，可通过 /static 访问。

在下面的示例中，在 index.html 中的HTML按钮的 OnClick 事件中调用了 hello.js 中定义的 javascript 函数。在Flask应用程序的'/' URL上呈现。

复制代码

from flask import Flask, render_template
app=Flask(__name__)

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

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

下面给出了 index.html 的HTML脚本。

复制代码

<html>
   <head>
      <script type="text/javascript" 
         src="{{ url_for('static', filename='hello.js') }}" ></script>
   </head>
   
   <body>
      <input type="button" onclick="sayHello()" value="Say Hello" />
   </body>
</html>

hello.js 包含 sayHello()函数。

复制代码

function sayHello() {
   alert("Hello World")
}

祝学习愉快！(内容编辑有误？请选中要编辑内容 -> 右键 -> 修改 -> 提交！)

技术教程推荐

小马哥讲Spring AOP编程思想 -〔小马哥〕

如何讲好一堂课 -〔薛雨〕

徐昊 · TDD项目实战70讲 -〔徐昊〕

运维监控系统实战笔记 -〔秦晓辉〕

好记忆不如烂笔头。留下您的足迹吧 :)