Flask 學習（四）靜態檔案

標籤：

Flask 學習（四）靜態檔案

　　

　　動態 web 應用也需要靜態檔案，一般是 CSS 和 JavaScript 檔案。理想情況下你的伺服器已經配置好提供靜態檔案的服務。

　　在開發過程中， Flask 也能做好這個工作。

 

　　靜態檔案引用

　　　　我們先來看下普通的 html 引用靜態檔案，如 css（js也同樣，就不多加樣本了），以下為一簡單一實例，直接開啟html：

 

　　flask 處理 —— static

　　　　若直接將該html 當成 flask 模板，相對路徑自然就失效了，靜態檔案將不會被成功讀取。

　　　　那在flask中，如何處理靜態檔案？ 做法很簡單，只要在你的包或模組旁邊建立一個名為 static 的檔案夾就行了。

　　　　flask的靜態檔案是位於應用的 /static 中的

　　　　　　  建立 static檔案夾，將之前的 css 檔案夾移入此檔案夾

 

　　　　　　你可以直接在html 模板中引用該路徑，如下：

        <link href="/static/css/demo.css" rel="stylesheet" type="text/css" />

 　　　　　　本地開發，你可直接將 所有的靜態檔案 + /static/  ；對應路徑即可

　　　　

　　url_for 構造路徑

　　　　當然，也可使用 url_for 構造，代碼如  url_for("static",filename="css/demo.css") 

　　　　更改上述代碼及模板檔案，再次運行並查看

 

 

 

Flask 學習（四）靜態檔案