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

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