【Flask基础】模板渲染（四）

一、数据渲染

什么是数据渲染？

简单来说就是将后台数据渲染到我们能看到的网页当中，这样能使得我们浏览网页中的数据是动态变化的。

二、模板渲染

        模板渲染就是将模板文件展示在网页中，其中的部分数据可以设置为动态变化的。

        专业版pycharm创建一个Flask项目，会自动生成一个名为templates的文件夹，如果我们不修改模板查找路径的话，IDE会默认在这个文件夹下寻找模板文件。模板文件可以是任意纯文本格式的文件，比如txt、html等，但是为了使我们开发的项目更加规范，我们一般使用html文件来写模板代码。

在flask中，实现模板渲染需要使用函数rander_template()，我们直接从flask中导入这个函数即可：

from flask import render_template

函数rander_template()，接收两个参数，第一个参数是模板文件名，用来在网页中展示，第二个参数是**context，表示可以接收多个关键字实参，将以字典类型存储，用于向模板中传递数据，以便在渲染过程中使用。

from flask import Flask,render_template

app = Flask(__name__)


@app.route('/')
def hello_world():  # put application's code here
    return render_template("index.html")


if __name__ == '__main__':
    app.run()

这段代码中，给函数render_template传入了一个模板文件index.html，模板代码如下：

启动项目，访问测试ip地址，能够看见模板文件中的信息已经展示在了网页中。

三、动态展示数据

给函数rander_template()，传入多个关键字实参，如blog、username等等

from flask import Flask,render_template

app = Flask(__name__)

@app.route("/blog/<blog_id>")
def blog_detail(blog_id):
    return render_template("blog_detail.html",blog_id=blog_id)

if __name__ == '__main__':
    app.run()

在模板文件中，以双括号形式调用，{{ }}

{{ }}中的变量名是后端代码中已经定义的变量名，访问时在路径127.0.0.1：5000/blog/的后面动态修改blog_id的值，页面也随之动态变化：