Flask 靜態(tài)文件

2022-08-16 10:38 更新

Web應(yīng)用程序通常需要靜態(tài)文件，例如javascript文件或支持網(wǎng)頁顯示的CSS文件。

通常，配置Web服務(wù)器并為您提供這些服務(wù)，但在開發(fā)過程中，這些文件是從您的包或模塊旁邊的static文件夾中提供，它將在應(yīng)用程序的/static中提供。

特殊端點(diǎn)'static'用于生成靜態(tài)文件的URL。

在下面的示例中，在index.html中的HTML按鈕的OnClick事件上調(diào)用hello.js中定義的javascript函數(shù)，該函數(shù)在Flask應(yīng)用程序的“/”URL上呈現(xiàn)。 

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>


在static文件夾中的hello.js包含sayHello()函數(shù)。 

function sayHello() {
   alert("Hello World")
}
以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號