Flask静的ファイル
私の理解:データを生成するためにバックエンドと対話する必要はありません。これは、ページを開いたときに直接見ることができるものです。(勉強中、理解に間違いがあったら訂正してください)
通常、ウェブアプリケーションには、ウェブページの表示をサポートするJavaScriptファイルやCSSファイルなどの静的ファイルが必要です。通常、ウェブサーバーを設定してこれらのサービスを提供しますが、開発プロセス中、これらのファイルはパッケージまたはモジュールの隣の静的フォルダーから提供され、アプリケーションの/ staticで提供されます。
特別なエンドポイント 'static'は、静的ファイルURLを生成するために使用されます。
次の例では、hello.jsで定義されたjavascript関数がindex.htmlのHTMLボタンのOnClickイベントで呼び出され、関数はFlaskアプリケーションの「/」 URLでレンダリングされます。
次のようにtest_static.pyファイルを作成します。
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)
次のように、tests / static.pyと同じディレクトリにtemplates / 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>
test_static.pyと同じレベルのディレクトリに新しいstatic / hello.jsを作成して、sayHello()関数を含めます。
function sayHello() {
alert("Hello World")
}