- Flask 教程
- Flask - 首页
- Flask - 概览
- Flask - 环境
- Flask - 应用程序
- Flask - 路由
- Flask - 变量规则
- Flask - URL 构建
- Flask - HTTP 方法
- Flask - 模板
- Flask - 静态文件
- Flask - 请求对象
- 向模板发送表单数据
- Flask - Cookie
- Flask - 会话
- Flask - 重定向和错误
- Flask - 显示消息
- Flask - 文件上传
- Flask - 扩展
- Flask - 邮件
- Flask - WTF
- Flask - SQLite
- Flask - SQLAlchemy
- Flask - Sijax
- Flask - 部署
- Flask - FastCGI
- Flask 有用资源
- Flask - 快速指南
- Flask - 有用资源
- Flask - 讨论
Flask – 静态文件
Web 应用程序通常需要静态文件,例如支持网页显示的 javascript 文件或 CSS 文件。Web 服务器通常配置为你提供服务,但在开发过程中,这些文件会从包中的 static 文件夹提供,或从模块旁边提供,且应用程序的 /static 地址将可用。
一个特殊的端点 ‘static’ 用于生成静态文件的 URL。
在以下示例中,OnClick 事件中调用的 javascript 函数定义在 hello.js 中,而 HTML 按钮在 index.html 中呈现,它在 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") }
广告