zoukankan      html  css  js  c++  java
  • 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") 

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

     

  • 相关阅读:
    114自定义UITableViewCell(扩展知识:为UITableViewCell添加动画效果)
    101在检索框中添加一个书签按钮(扩展知识:在检索框中添加一个范围条)
    088实现自动倒计时功能
    086设置日期选择器框的显示样式
    Shell if else
    Shell数组
    Shell字符串
    Shell运算符
    数据挖掘标准流程规范
    Shell转义字符与变量替换
  • 原文地址:https://www.cnblogs.com/feeland/p/4640695.html
Copyright © 2011-2022 走看看