静态资源

说明

默认静态文件在static目录下，有创建Flask对象时的static_folder参数指定，默认为static

project/                # 工程目录
    static/                # 静态资源目录
        js/                     # js脚本
        css/                    # 样式文件
        img/                    # 图片文件
        favicon.ico             # 收藏夹图标
    templates/             # 模板文件目录
    manage.py              # 启动控制文件

示例

系统已经提供了默认的专门用于加载静态资源的路由，视图函数static，参数filename

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>静态资源加载</title>
    {# 加载收藏夹小图标 #}
    <link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='favicon.ico') }}" />
    {# 加载外部的CSS文件 #}
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/common.css') }}">
</head>
<body>
    <div></div>
    {# 加载图片资源 #}
    <img src="{{ url_for('static', filename='img/flask.jpg') }}" />
    {# 加载JS文件 #}
    <script type="text/javascript" src="{{ url_for('static', filename='js/common.js') }}"></script>
</body>
</html>

results matching ""

No results matching ""