Flask 静的ファイル

Webアプリケーションは通常、ウェブページを表示するためのJavaScriptファイルやCSSファイルなどの静的ファイルが必要です。通常、これらのサービスはWebサーバーで提供されますが、開発中は、これらのファイルはアプリケーションのパッケージ内の静的フォルダーやモジュールの隣から提供されます。それはアプリケーションの/staticで提供されています。

特別なエンドポイント「静的」を使用して、静的ファイルのURLを生成します。

以下の例では、index.htmlに含まれるHTMLボタンのOnClickイベントがhello.jsで定義されたjavascript関数を呼び出し、その関数はFlaskアプリケーションのURL => / 中表示されています。

例

#　Filename　:　example.py
#　Copyright　:　2020　By　w3codebox
#　Author　by　:　ja.oldtoolbag.com
#　Date　:　2020-08-08
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スクリプトは以下の通りです。

#　Filename　:　example.py
#　Copyright　:　2020　By　w3codebox
#　Author　by　:　ja.oldtoolbag.com
#　Date　:　2020-08-08
<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() 処理を含む定義されています。

#　Filename　:　example.py
#　Copyright　:　2020　By　w3codebox
#　Author　by　:　ja.oldtoolbag.com
#　Date　:　2020-08-08
function　sayHello()　{
　　　　alert("Hello　World")
　}

Flask リクエストオブジェクト Flask テンプレート

Flask ガイド

Flask 静的ファイル