Python Flask学习_使用静态文件及定义页面图标

一、静态文件

HTML代码中引用的图片、JavaScript源码、CSS等都属于静态文件。

Flask程序会在根目录下static目录中寻找静态文件 ，因此静态文件应当放于static目录中 。

二、定义页面图标 

这些都输入页面的图标。

可以直接在templates/base.html中定义，其他html都是继承自base.html的，就可以不用重复代码。

{% extends "bootstrap/base.html" %}                 <!--继承自base.html。-->

{% block title %}Flasky{% endblock %}

{% block head %}                                                                                    <!--图标定义在block head中-->
{{ super() }}                                                                           <!--继承bootstrap/base.html的block head-->
<link rel="shortcut icon" href="{{ url_for('static',filename = 'log.ico') }}" type="image/x-ico">
<link rel="icon" href="{{ url_for('static',filename = 'log.ico') }}" type="image/x-ico">
{% endblock %}

{%block navbar %}
<div class="navbar navbar-inverse" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle"
                    data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>                      <!--定义文档中的节-->
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/">Flasky</a>             <!--定义锚-->
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li><a href="/">Home</a> </li>
            </ul>
        </div>
    </div>
</div>
{% endblock %}

{% block content %}
<div class="container">
    {% block page_content %}{% endblock %}
</div>
{% endblock %}

url_for('static',filename = 'log.ico')这个函数 形参static指出这是静态文件，形参filename='log.ico'指出文件名。函数返回的是log.ico的地址。