Flask框架模板渲染操作简单示例

关于“Flask框架模板渲染操作简单示例”的攻略，我将分两个示例进行说明。

示例一：使用Jinja模板引擎

步骤一：安装Flask

Flask是一个轻量级Web框架，首先你需要安装它:

pip install Flask

步骤二：创建Flask应用

接下来，我们创建一个Flask应用。

创建一个名为app.py的文件，使用如下代码初始化Flask应用：

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def hello_world():
    return 'Hello World!'

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

在上面的代码中，我们只是简单地定义了一个路由 / ，并使用了默认的返回字符串逻辑。

步骤三：创建Jinja模板

Jinja是Flask框架默认的模板引擎。我们来创建一个简单的Jinja模板。

在Flask的根目录下创建一个名为templates的文件夹，其中包含名为 index.html的文件，其内容如下：

<!DOCTYPE html>
<html>
<head>
    <title>{{ title }}</title>
</head>
<body>
    <h1>{{ message }}</h1>
</body>
</html>

步骤四：渲染模板

通过 render_template 函数，我们可以将上述 Jina 模板渲染为动态的 HTML 页面。代码如下：

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html', title='Home', message='Welcome to Flask!')

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

在这个示例中，我们将 index.html 模板渲染为动态的 HTML 页面，传递了两个变量：title 和 message。在模板中，我们使用“{{变量名}}”语法来渲染变量。渲染 results.html 文件非常类似。

如果我们运行这个Flask应用并访问它，我们将看到一个包含我们传递的 title 和 message 变量的 HTML 页面。

示例二：使用flask_bootstrap库渲染模板

为了使渲染更加风格化，我们将使用 flask_bootstrap 库。

步骤一：安装Bootstrap和flask_bootstrap

首先，安装 Bootstrap 和 flask_bootstrap：

pip install bootstrap
pip install flask_bootstrap

步骤二：创建Flask应用

和上一个示例一样，我们在这里也需要初始化 Flask 应用。

我们将使用 flask_bootstrap 来生成一个美丽的HTML页面布局：

from flask import Flask, render_template
from flask_bootstrap import Bootstrap

app = Flask(__name__)
bootstrap = Bootstrap(app)

@app.route('/')
def index():
    return render_template('home.html', title='Home', message='Welcome to Flask!')

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

步骤三：创建flask_bootstrap模板

我们现在在Flask应用的根目录下创建一个名为 templates 的目录。在 templates 目录中，我们创建一个名为 home.html 的文件：


{% extends 'bootstrap/base.html' %}

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

{% block content %}

<div class="container">
  <div class="jumbotron">
    <h1>{{ message }}</h1>
    <p class="lead">Flask + bootstrap </p>
  </div>
</div>

{% endblock %}

在这个示例中，我们扩展了 flask_bootstrap 的基础模板，并在 {% block %} 中插入了我们想要的内容。

步骤四：标记其他页面

我们还可以重用我们的布局，在其他页面上使用相同的样式和布局。

例如，创建一个名称为 about.html 的页面：


{% extends 'bootstrap/base.html' %}

{% block title %}
About Us
{% endblock %}

{% block content %}

<div class="container">
  <div class="page-header">
    <h1>About Us!</h1>
  </div>

  <p>Some text here!</p>
</div>

{% endblock %}

如此一来，您可以轻松地在整个应用程序中使用统一的布局，而无需在每个文件中都编写相同的模板代码。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：Flask框架模板渲染操作简单示例 - Python技术站