[訳]Flaskチュートリアル--静的ファイル


1つのウェブアプリケーションはjavascriptやcssなどの静的ファイルを必要とし、ウェブページのより良い展示内容を助けることが多い.通常、ウェブサーバはこのような静的ファイルサービスを提供するために使用するが、Flaskプログラムの開発段階では、これらのファイルはFlaskアプリケーションのルートディレクトリの下のstaticフォルダに配置する必要があり、起動後に使用するurl接頭辞は/staticで始まる.
次の例ではhello.jsファイルにはindexにあるjavascript関数が定義されています.html内のボタンのOnClickイベントによってトリガーすることができる.このFlaskアプリケーションは'/'urlにアクセスするとindexになる.htmlレンダリング
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は次のとおりです.

   
      
   
   
      
   

hello.jsは の りです.
function sayHello() {
   alert("Hello World")
}