本文共 959 字,大约阅读时间需要 3 分钟。
——————————————————————前言—————————————————————————————
web程序不是仅由python代码和模板组成。 大多数web程序还会使用静态文件:HTML代码中引用的图片, javascript源码文件和CSS。
————————————————————————————————————————————————————
还记得第二章检查url映射时, 有一个静态文件映射:
由上节我们可知,
url_for('static', filename='css/styles.css', _external=True) 等价于 http://localhost:5000/static/css/styles.css
默认设置下, Flask在程序根目录中名为static的文件中寻找静态文件,如果需要, 还可以在static文件夹中建立文件夹存放静态文件(ps: css),服务器收到前面的url时会产生一个响应, 包含文件系统中static/css/styles.css文件的内容。
定义收藏夹图标:
{% block head %}
{
{ super() }}<link rel="shortcut icon" href="{
{ url_for('static', filename='favicon.ico') }}" type='image/x-icon'><link rel="icon" href="{
{ url_for('static', filename='favicon.ico') }}" type='image/x-icon'>{% endblock %}
图标的声明会插入head块的末尾, 此处我们使用super()保留基模板中定义的块的原始内容。
还有style块和scripts块也要使用super()
1.迁出版本后我们可以发现flasky文件夹中多了一个static文件,
2.static文件里面就是静态文件:favicon.ico
3.运行服务器:
4.在浏览器输入地址:
可以看见浏览器标题多了一个Flask图标。