Python Flask学习知识点(七)-阿里云开发者社区

开发者社区> 开发与运维> 正文

Python Flask学习知识点(七)

简介: timg (11).jpg 静态文件访问原理 app文件夹下新建文件夹static,放入一张图片demo.jpg,然后访问服务器启动默认地址127.0.0.1:81/static/demo.jpg就可以访问到这张图片。
img_963e5d3b32625fd878b90970668cc08e.jpe
timg (11).jpg

静态文件访问原理

app文件夹下新建文件夹static,放入一张图片demo.jpg,然后访问服务器启动默认地址127.0.0.1:81/static/demo.jpg就可以访问到这张图片。

问:为什么Flask可以在任何代码不编写的情况下自动读取到static目录下的图片文件?
答:因为Flask对于静态文件是有默认值设置的,默认情况下,Flask认为静态文件夹的名字就叫ststic,并且位于应用程序的根目录下的,也就是app文件夹目录下。


img_217490b95be0988f1077594627c9af9c.png
image.png

问:为什么应用程序根目录是app目录而不是app上边的flaskDemo目录?
答:因为在实例化Flask核心对象是传入了一个参数,如下代码:

def create_app():
    app = Flask(__name__)
    app.config.from_object('app.secure')
    app.config.from_object('app.setting')

    register_blueprint(app)
    db.init_app(app)
    db.create_all(app=app)
    return app

__name__这个参数决定了我们应用程序的根目录是app目录。

如果不想使用默认的static作为静态文件存储路径,可以通过更改配置来访问,

app = Flask(__name__, static_folder='web/img')

更改成为这个路径,就要这样访问:127.0.0.1:81/img/demo.jpg,
还可以这么改:

app = Flask(__name__, static_folder='web/img', static_path='')

但是我们一般还是使用Flask默认设置即可,如果确实有需求,具体使用详情请查阅官方文档。

静态文件放到蓝图中

之前说过,Flask里有两个层级:

  1. Flask核心对象:应用程序级别
  2. 蓝图

对于静态文件,也有两个级别:

  1. 应用程序static
  2. 蓝图static

如果你认为你的静态文件是针对你的蓝图的话,那么你其实是可以把静态文件注册到蓝图上边,而不是注册到应用程序上边。


img_f1ed9d9db6de1211aef205eda87fcc61.png
image.png

蓝图的相关方法其实几乎就是复制了Flask核心对象的api,基本参数都是一致的。

蓝图注册静态文件夹:

from flask import Blueprint

# 蓝图
web = Blueprint("web", __name__, static_folder='', static_url_path='')

模板文件

模板就是html,但是和普通html不同,模板是没有数据的,它等待填充数据。
app文件夹下新建文件夹templates,新建html文件:test.html:


img_c1c40a82d8a09ccc759c549a8fa55dfa.png
image.png

同上边提到的static文件夹一样,我们可以自定义templates文件夹的位置,通过更改template_folder=参数来自定义templates文件夹的位置,例如,把templates文件夹移动到web文件夹下后需改动:
两种更改方法:

  1. Flask核心对象上更改:app = Flask(__name__, template_folder='web/templates')
  2. 在蓝图对象上更改:web = Blueprint("web", __name__, template_folder='templates')

现在要把视图函数中返回的数据填充到模板test.html中,使用Flask内置的方法:render_template()

from flask import render_template

@web.route('/test')
def test():
    r = {
        "name": "allen",
        'age': 24
    }

    r1 = {
        "name": "zhao",
        "age": 12
    }
    return render_template('test.html', data=r, data1=r1)

模板语言 Jinja2

如何在模板中组织、解析相关数据

编辑test.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>demo</h1>
{{data.age}}
{{data1.age}}
</body>
</html>

运行代码,浏览器输入127.0.0.1:8000/test


img_6a437e4c28da26ec8ff9833496137cf9.png
image.png

可以看到,之前我们写在视图函数中的数据已经展示到页面了。

Flask为了让我们很好的在模板解析和展示数据,它引入了一个模板引擎,叫做Jinja2。

Jinja2有自己的语法,例如注释代码:{#hello word#},这里就把hello word注释掉了。

我们的pycharm默认是不会像写python代码一样智能提示Jinja2的语法,但是,更改设置即可:


img_ae52eade4253aad27443fe5a084b29c3.png
image.png

Jinja2也叫做模板语言,

Flask官方推荐我们使用Jinja2,大家也可以自己使用其他的模板语言。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章