您现在的位置是：网站首页> 编程资料编程资料

python中的flask框架Jinja 模板入门教程_python_

2023-05-26 403人已围观

简介 python中的flask框架Jinja 模板入门教程_python_

Flask 和 Django 附带了强大的 Jinja 模板语言。

对于之前没有接触过模板语言的人来说，这类语言基本上就是包含一些变量，当准备渲染呈现 HTML 时，它们会被实际的值替换。

这些变量放在标记或分隔符之前。例如：Jinja 模板使用 {% ... %} 表示循环，{{ ... }} 表示一个表达式运算结果返回。

Jinja 模板其实是 html 文件。一般情况下放在 Flask 工程的 /templates 目录下

1、快速体验

跑下面的各种 demo 之前，确保你已经安装了 Jinja (pip install jinja2)

>>> from jinja2 import Template >>> t = Template("Hello {{ something }}!") >>> t.render(something="World") u'Hello World!' >>> t = Template("My favorite numbers: {% for n in range(1,10) %}{{n}} " "{% endfor %}") >>> t.render() u'My favorite numbers: 1 2 3 4 5 6 7 8 9 '

这个 demo 展示了模板中的变量（表达式）是如何最终被替换和渲染的。

2、Flask 最小 DEMO

整个的参考代码可以在这里获得：HERE

不过博主建议按照下面步骤一步步来：

1）安装 flask

➜ pip install flask

2）创建工程目录结构：

➜ mkdir flask_example ➜ cd flask_example ➜ mkdir templates ➜ cd .. ➜ touch run.py ➜ touch requirements.txt

3）编写 run.py

from flask import Flask, render_template app = Flask(__name__) @app.route("/") def template_test(): return render_template('template.html', my_string="Wheeeee!", my_list=[0,1,2,3,4,5]) if __name__ == '__main__': app.run(debug=True)

这里，我们创建了一个 / 路由，当我们访问服务器根路由时，会通过 render_template 将 template.html 渲染，其中 my_string 和 my_list 就是准备传给模板的实际的值。

4）编写 template.html 模板

在 templates 目录下，创建一个 template.html：

Flask Template Example
My string: {{my_string}}
Value from the list: {{my_list[3]}}
Loop through the list:
     {% for n in my_list %} 
  • {{n}}
    •  {% endfor %}

5）运行观察效果

➜ python run.py

效果如下：

可以看到，将模板中的 my_string、my_list[3] 替换掉了，并且用 for 循环语句，生成了一个 list。

3、模板继承

模板通常利用继承，继承包括定义所有后续子模板基本结构的单个基础模板。您可以使用标记 {% extends %} 和 {% block %} 来实现继承。

这样做的用例很简单：随着应用程序的增长，以及您继续添加新模板，您将需要保持公共代码（如HTML导航栏、Javascript库、CSS样式表等）同步，这可能需要大量工作。使用继承，我们可以将这些公共部分移动到父/基模板，这样我们就可以创建或编辑这样的代码一次，所有子模板都将继承该代码。

注意：您应该总是尽可能多地向基本模板添加重复代码，以节省将来的时间，这将远远超过初始时间投资。

让我们给我们的 DEMO 增加模板：

1）创建基础模板（保存为 layout.html）

Flask Template Example
This is part of my base template

 {% block content %}{% endblock %} 
This is part of my base template

你注意到 {%block%} 标记了吗？这定义了子模板可以填充的块或区域。此外，也可实现覆盖的作用。

2）用模板更新 template.html：

{% extends "layout.html" %} {% block content %} 
 This is the start of my child template

My string: {{my_string}}
Value from the list: {{my_list[3]}}
Loop through the list:
     {% for n in my_list %} 
  • {{n}}
    •  {% endfor %} 
 This is the end of my child template
 {% endblock %}

这样 layout.html 模板中的 content 块就会被 template.html 中的新定义给替换掉，最终效果如下：

那么，我们就可以通过修改 layout.html 给其添加通用导航栏了：（将下列代码插入到 layout.html 的 标签之后）

现在，从基础扩展的每个子模板都将具有相同的导航栏。借用Java哲学的一句话："Write once, use anywhere."

4、Super Blocks

如果需要从基础模板渲染块，使用 super block：

{{ super() }}

给基础模板增加一个页脚：

 ... 
This is part of my base template

 {% block footer %} Watch! This will be added to my base and child templates using the super powerful super block! 


 {% endblock %} 
 ...

此时，我们可以给 template.html 增加 super block，从而实现子模板复用父模板中的块：

{% extends "layout.html" %} {% block content %} 
 This is the start of my child template

My string: {{my_string}}
Value from the list: {{my_list[3]}}
Loop through the list:
     {% for n in my_list %} 
  • {{n}}
    •  {% endfor %} 
 This is the end of my child template
 {% block footer %} {{super()}} {% endblock %} {% endblock %}

效果如下：

super block 用于模块共享父模块的 block，当然还有一些高级玩法，比如下面的例子：

父模板：

{% block heading %} 
{% block page %}{% endblock %} - Flask Super Example
 {% endblock %}

子模板：

{% block page %}Home{% endblock %} {% block heading %} {{ super() }} {% endblock %}

这样当访问子模块时，会拼接一个

Home - Flask Super Example

字段。发现没，我们通过这样的方法，实现了标题的继承（有一定的继承，也有一定的子模块自己的信息）。

回归正轨，对于更新标题，我们这里这样设计（修改 template.html 中的两行代码）

{% block title %}{{title}}{% endblock %} ... {% block page %}{{title}}{% endblock %}

这样我们可以通过 python 进来直接修改标题了（修改 run.py）:

@app.route("/") def template_test(): return render_template( 'template.html', my_string="Wheeeee!", my_list=[0,1,2,3,4,5], title="Home")

5、Macros

在 Jinja 中，我们可以使用宏来抽象常用的代码段，这些代码段被反复使用以避免重复。例如，通常会在导航栏上突出显示当前页面的链接（活动链接）。否则，我们必须使用 if/elif/else 语句来确定活动链接。使用宏，我们可以将这些代码抽象成一个单独的文件。

新增一个 macros.html 文件：

{% macro nav_link(endpoint, name) %} {% if request.endpoint.endswith(endpoint) %} 
  • {{name}}
    •  {% else %} 
  • {{name}}
    •  {% endif %} {% endmacro %}

    这里，我们使用了 Flask 的 request object（Jinja 的默认一部分），用来检查请求端点，然后将活动 class 分配给该端点。

    使用基础模板中的nav navbar nav类更新无序列表：

       {{ nav_link('home', 'Home') }} {{ nav_link('about', 'About') }} {{ nav_link('contact', 'Contact Us') }}

    此外，请确保在模板顶部添加导入：{% from "macros.html" import nav_link with context %}

    最后，让我们向控制器添加三个新端点：

    @app.route("/home") def home(): return render_template( 'template.html', my_string="Wheeeee!", my_list=[0,1,2
                
                
    
                
    
                                            
    上一篇：Python利用subplots_adjust方法解决图表与画布的间距问题_python_
    
                                                                
    下一篇：Flask项目的部署的实现步骤_python_

    相关内容

    点击排行

    本栏推荐

    猜你喜欢

    -六神源码网