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

　　　　更改上述代码及模板文件，再次运行并查看