[Flask] Flask静的ファイル

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")
}

 

おすすめ

転載: blog.csdn.net/u013066730/article/details/108357350