六、Flask模板使用方法

简介: 六、Flask模板使用方法

Flask使用Jinja2作为默认的模板引擎,可以轻松地将动态数据渲染到HTML页面中。以下是Flask模板的基本使用方法:

首先,在Flask应用程序的根目录下创建一个名为templates的文件夹,用于存放HTML模板文件。

在Python代码中导入必要的模块:

from flask import Flask, render_template

创建Flask应用程序对象:

app = Flask(__name__)

创建路由,并在处理函数中渲染模板:

@app.route('/')
def index():
    return render_template('index.html')

在模板文件(比如index.html)中,使用Jinja2语法来插入动态数据:

<h1>Hello, {{ name }}!</h1>
# 在处理函数中,可以通过传递参数来动态渲染模板:
@app.route('/greet/<name>')
def greet(name):
    return render_template('index.html', name=name)
# 启动Flask应用程序:
if __name__ == '__main__':
    app.run()

这样,当用户访问根路由(/)时,Flask将渲染index.html模板并将其返回给用户。在模板中使用双花括号**({{ … }})**来插入动态数据。

Flask模板高级使用方法

除了基本的模板使用方法,Flask模板还提供了一些高级功能,如下所示:

1. 控制流

使用Jinja2的控制流语句,可以根据条件或循环来动态生成内容。

  • if语句:
{% if condition %}
    <!-- 条件满足时的内容 -->
{% else %}
    <!-- 条件不满足时的内容 -->
{% endif %}
  • for循环:
{% for item in sequence %}
    <!-- 循环中的内容 -->
{% endfor %}

2. 模板继承

使用模板继承,可以创建一个基础模板,并在其他模板中继承和扩展它。

  • 基础模板(base.html):
<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    {% block content %}{% endblock %}
</body>
</html>
  • 继承模板:
{% extends 'base.html' %}
{% block title %}
    My Page
{% endblock %}
{% block content %}
    <!-- 扩展的内容 -->
{% endblock %}

3. 模板中的宏

使用宏(Macro)可以在模板中定义可重用的代码

  • 定义宏:
{% macro greeting(name) %}
    <h1>Hello, {{ name }}!</h1>
{% endmacro %}

在模板中调用宏:

{{ greeting('Alice') }}

4. 模板过滤器

Jinja2提供了许多内置的过滤器,用于对模板中的变量进行处理或格式化。

使用过滤器:

{{ variable|filter }}

示例:

{{ message|capitalize }}  <!-- 首字母大写 -->
{{ amount|currency }}     <!-- 格式化为货币金额 -->

5. URL生成

Flask提供了便捷的方式来生成URL,避免在模板中手动编写URL路径。

生成URL:

{{ url_for('route_name', arg1=value1, arg2=value2) }}

示例:

<a href="{{ url_for('index') }}">Home</a>

Flask模板的原理解析

基本原理

Flask使用Jinja2作为默认的模板引擎,Jinja2是一个基于Python的模板引擎,它采用了类似于Django模板语言的语法,具有强大的模板功能和灵活的扩展性。

在Flask中,模板文件是包含动态内容和静态内容的HTML文件。当用户请求一个包含模板的页面时,Flask会调用Jinja2引擎,将模板中的动态部分填充并生成最终的HTML响应。

Flask模板引擎的工作原理如下:

  • Flask应用程序加载模板引擎并配置相关设置。
  • 当用户请求一个包含模板的页面时,Flask会找到相应的路由处理函数。
  • 在路由处理函数中,使用render_template函数指定要渲染的模板文件
  • Flask将模板文件路径传递给Jinja2引擎。
  • Jinja2引擎解析模板文件,查找其中的特殊标记和语法。
  • 引擎根据模板中的动态内容生成对应的HTML代码。
  • 生成的HTML响应返回给Flask应用程序,由应用程序发送给客户端浏览器。
  • Jinja2引擎的特点是它具有强大的模板语法,可以处理条件、循环、变量插值等复杂的逻辑和数据操作,使得模板文件可以灵活地生成动态内容。

代码层面解析

在Flask中,通过render_template函数将模板文件渲染为最终的HTML响应。render_template函数位于flask模块的templating子模块中,其实现涉及以下主要步骤:

  • render_template函数接受模板文件名和一系列参数作为输入。
  • 它首先创建一个jinja2.Environment对象,用于加载和渲染模板。
  • 然后,它使用jinja2.Environment对象的get_template方法加载指定的模板文件。
  • 加载后的模板对象用于渲染,通过调用模板对象的render方法,并传入参数,生成最终的HTML代码。
  • 最后,render_template函数返回HTML响应。

案例说明

下面是一个包含Flask模板各种高级用法的示例应用:

代码内容
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
    return render_template('index.html', name='Alice')
@app.route('/greet/<name>')
def greet(name):
    return render_template('greet.html', name=name)
@app.route('/dashboard')
def dashboard():
    data = {'username': 'Alice', 'age': 25, 'country': 'USA'}
    return render_template('dashboard.html', data=data)
if __name__ == '__main__':
    app.run()

在应用的根目录下创建一个名为templates的文件夹,并在该文件夹中创建以下模板文件:

index.html模板文件:

<!DOCTYPE html>
<html>
<head>
    <title>Flask Template Example</title>
</head>
<body>
    <h1>Hello, {{ name }}!</h1>
</body>
</html>

greet.html模板文件:

<!DOCTYPE html>
<html>
<head>
    <title>Flask Template Example</title>
</head>
<body>
    <h1>Greetings, {{ name }}!</h1>
</body>
</html>

base.html基础模板文件:

<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    <header>
        <h1>Welcome to my Website</h1>
    </header>
    <nav>
        <ul>
            <li><a href="/">Home</a></li>
            <li><a href="/greet/John">Greet John</a></li>
            <li><a href="/dashboard">Dashboard</a></li>
        </ul>
    </nav>
    <main>
        {% block content %}{% endblock %}
    </main>
    <footer>
        <p>© 2023 My Website. All rights reserved.</p>
    </footer>
</body>
</html>

dashboard.html继承模板文件:

{% extends 'base.html' %}
{% block title %}
    Dashboard
{% endblock %}
{% block content %}
    <h2>Welcome, {{ data.username }}!</h2>
    <p>Age: {{ data.age }}</p>
    <p>Country: {{ data.country }}</p>
{% endblock %}

在这个示例应用中,我们引入了模板继承和宏的使用,具体如下:

  • 在base.html中定义了一个基础模板,其中使用了模板继承的{% block %}标记来定义可被子模板重写的块。
  • dashboard.html继承了base.html,并在{% block content %}块中扩展了自己的内容。
  • 在dashboard路由处理函数中,我们将一个名为data的字典传递给模板,模板中使用了该数据来动态生成内容。

通过这个示例应用,您可以学习到Flask模板的高级用法,包括模板继承、定义块、重写块、传递数据等。这些功能可以帮助您构建更复杂和灵

代码目录结构:
myapp/
├── templates/
│   ├── base.html
│   ├── index.html
│   ├── greet.html
│   └── dashboard.html
└── app.py

在这个示例中,应用的根目录为myapp,其中包含一个名为templates的文件夹,用于存放模板文件。模板文件的命名和内容在前面的回答中已经提到。

app.py是应用的入口文件,包含了Flask应用的路由和视图函数的定义。在这个文件中,我们引入了Flask和render_template,并创建了一个名为app的Flask对象。

整体的代码目录结构比较简单,模板文件存放在templates文件夹中,而应用的其他代码和配置可以根据实际需求进行扩展和组织。注意,Flask对模板文件的加载是基于模板文件相对于应用根目录的路径进行的,因此要确保模板文件位于templates文件夹下并且与app.py在同一目录级别。

开发过程中常用的方法

开发过程中,常用的一些模板方法包括:

  • 变量插值:使用双花括号{{ … }}将变量插入到模板中,如 {{ name }}。
  • 控制流语句:使用控制流语句控制模板的渲染逻辑,如条件判断和循环。
  • {% if condition %} … {% endif %}:条件判断语句,根据条件决定是否渲染特定的内容。
  • {% for item in sequence %} … {% endfor %}:循环语句,遍历一个序列并重复渲染相应的内容。
  • 宏(Macro):宏类似于函数,用于封装可重用的代码块,提高模板的可维护性和重用性。
  • {% macro name(arg1, arg2) %} … {% endmacro %}:定义宏。
  • {{ name(value1, value2) }}:调用宏。
  • 模板继承:通过继承一个基础模板,可以重写块并在子模板中插入自定义内容。
  • {% extends ‘base.html’ %}:继承一个基础模板。
  • {% block name %} … {% endblock %}:定义块,子模板中可以重写该块。
  • 过滤器(Filter):用于对变量进行处理或格式化,如字符串处理、日期格式化等。{{ variable | filter }}:使用过滤器对变量进行处理。
相关文章
|
1月前
|
Python
Flask 模板标签语言的使用
Flask 模板标签语言的使用
20 4
|
27天前
|
缓存 JSON 关系型数据库
四、Flask 视图使用方法详细概述
四、Flask 视图使用方法详细概述
13 0
|
3月前
|
前端开发 Python
使用 Flask 3 搭建问答平台(三):注册页面模板渲染
使用 Flask 3 搭建问答平台(三):注册页面模板渲染
|
5月前
|
前端开发 JavaScript Python
flask实战-模板实现公共导航
在Flask中实现模板继承,创建基础模板`base.html`,包含公共导航菜单。子模板`movie-extends.html`继承`base.html`,并定义主要内容。视图函数`movie_extends_view`渲染`movie-extends.html`,显示电影列表。通过`extra_css`和`extra_js`块添加页面特定的样式和脚本,实现在`movie-extends.html`中应用自定义CSS样式。运行应用,访问http://127.0.0.1:1027/movie-extends,页面显示定制的电影列表样式。
86 2
|
6月前
|
Python
Flask中的模板的使用
Flask中的模板的使用
37 0
|
6月前
|
存储 移动开发 前端开发
Flask狼书笔记 | 03_模板
3 模板 模板(template):包含固定内容和动态部分的可重用文件。Jinja2模板引擎可用于任何纯文本文件。 3.1 模板基本使用
58 0
|
6月前
|
开发框架 Python
Web 框架 Flask 快速入门(一)flask基础与模板
🌴 Flask基础和模板 1、web框架的作用 避免重复造轮子,app程序不必关心于服务器的沟通方式,而专注于核心的业务逻辑实现。 稳定,可扩展性强
104 0
|
JavaScript 前端开发 知识图谱
flask-模板用法
flask-模板用法
54 0
|
前端开发 JavaScript 数据处理
Flask之jinja2模板(一)
Flask之jinja2模板(一)
|
数据可视化 定位技术 Python
可视化 | 分享一套Flask+Pyecharts可视化模板
可视化 | 分享一套Flask+Pyecharts可视化模板