flask入门（三）静态文件

咪哥杂谈

本篇阅读时间约为 5 分钟。

1

前言

上篇文章讲到 flask 的模板文件如何使用，印象模糊的朋友可以回顾一下flask入门 （二）（不用写代码的前端！）

今天的主题 - flask 和静态文件结合的使用技巧。

2

静态文件概念

先来简单的介绍下，静态文件是什么？

静态文件（static files），在通常的 web 项目下，指的是内容不需要动态生成的文件。比如图片、CSS 文件和 JavaScript 脚本等。

就像下面通过 F12 审查元素时的图片，点击资源下，就可以看到服务器提供的一些静态文件。

3

绝对路径和相对路径

计算机中常会说到的文件路径概念，绝对路径和相对路径。有人可能会有疑问，为什么突然要讲这个概念？

实际上，在 web 项目中，加载静态文件的路径书写，对于新手朋友们来说一直是一个头疼的问题，当初我就是这么过来的，毕业设计的时候自己写网页，本地测试的好好的，加载图片和样式等没问题，但是一上传到服务器上，立马就加载不出来了。

所以，在说明静态文件和 flask 结合使用之前，先把路径的概念弄明白，就会明白在 flask 框架中，为什么要使用这样那样的方法了。

绝对路径

我们直接看下面的示例：

现在我电脑上有个文件夹，其中有一些照片，假设现在 horse 这个照片：