Flask 学习(四)静态文件

时间:2015-07-13 23:46:42   收藏:0   阅读:20758

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

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

技术分享

 

 

 

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!