#转载请留言联系

  • 模板是什么？

在 flask 框架中，视图函数有两个作用：处理业务逻辑和返回响应内容。在大型应用中，把业务逻辑和表现内容放在一起，会增加代码的复杂度和维护成本。模板作用即是承担视图函数的另一个作用，即返回响应内容。

  • 模板其实是一个包含响应文本的文件，其中用占位符(变量)表示动态部分，告诉模板引擎其具体的值需要从使用的数据中获取
  • 使用真实值替换变量，再返回最终得到的字符串，这个过程称为“渲染”
  • Flask是使用 Jinja2 这个模板引擎来渲染模板

使用模板的好处：

  • 视图函数只负责业务逻辑和数据处理(业务逻辑方面)
  • 而模板则取到视图函数的数据结果进行展示(视图展示方面)
  • 代码结构清晰，耦合度低

  • Jinja2是什么？

Jinja2 是 Python 下一个被广泛应用的模板引擎，是由Python实现的模板语言，他的设计思想来源于 Django 的模板引擎，并扩展了其语法和一系列强大的功能，其是Flask内置的模板语言。

下面通过一个简单的示例来看下用了 Jinja2 模块引擎后，flask 框架怎么写？

目录如下：

项目文件夹
├── static
│   ├── xxx.css
│   └── xxx.js
├── templates
│   └── example.html
└── web.py

其中xxx.css和xxx.js是example依赖的静态资源。

首先，web.py 的大致写法：

from flask import Flask

from flask import render_template

app=Flask(__name__,static_folder="static",template_folder="templates")

@app.route("/")

def index():

    return render_template("example.html",name="chichung")    #后面跟键值对，对模板的替换

if __name__ == '__main__':

    app.run()

render_templates 就是 jinja2 对模板的“渲染”。

然后，example.html 的大致写法：

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

     <link rel="stylesheet" type="text/css" href={{ url_for("static",filename="xxx.css") }}>

     <script type="text/javascript" src={{ url_for("static",filename="xxx.js") }}></script>

 </head>

 <body>

     <p>{{ name }}</p>

 </body>

 </html>

重点在6、7、10行。

第6行是导入 css 文件。

第7行是导入 js 文件。

第10行是把值替换到 name 里。

  • jinja2 遍历列表渲染

web.py 如下：

from flask import Flask,render_template

app=Flask(__name__,static_folder="static",template_folder="templates")

@app.route("/")

def index():

    fruit=["苹果","芒果","香蕉","葡萄"]return render_template("005.html",fruit=fruit)

if __name__ == '__main__':

    app.run()

html 如下：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <ul>

        {% for item in fruit %}

        <li>{{ item }}</li>

        {% endfor %}

    </ul>

</body>

</html>

拓展1：

{{ fruit.1 }}    取 fruit 列表的第二位数

同理可以写成{{ fruit[1] }}

拓展2：

  • 在一个 for 循环块中你可以访问这些特殊的变量:
变量 描述
loop.index 当前循环迭代的次数（从 1 开始）
loop.index0 当前循环迭代的次数（从 0 开始）
loop.revindex 到循环结束需要迭代的次数（从 1 开始）
loop.revindex0 到循环结束需要迭代的次数（从 0 开始）
loop.first 如果是第一次迭代，为 True 。
loop.last 如果是最后一次迭代，为 True 。
loop.length 序列中的项目数。
loop.cycle 在一串序列间期取值的辅助函数。见下面示例程序。

loop.cycle示例:

{% for post in posts%}

{{loop.cycle('odd','even')}} {{post.title}}

{% endfor %}

其中 posts=[1,2]

输出结果为：

odd 1

even 2

  • jinja2遍历字典渲染

web.py 如下：

from flask import Flask,render_template

app=Flask(__name__,static_folder="static",template_folder="templates")

@app.route("/")

def index():

    info={"name":"chichung","fav":"code,cook,sleep","height":177}

    return render_template("005.html",info=info)

if __name__ == '__main__':

    app.run()

html 如下：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <ul>

        {% for k,y in info.items() %}    {# 注意有.items #}

        <li>{{ k }}的值是{{ y }}</li>

        {% endfor %}

    </ul>

</body>

</html>

拓展：

{{ info.k }}    去 info 字典，k 键对用的值

同理，可以写成 {{ info[k] }}

  • jinja2条件渲染

web.py 如下：

from flask import Flask,render_template

app=Flask(__name__,static_folder="static",template_folder="templates")

@app.route("/")

def index():

    return render_template("006.html",num=10)

if __name__ == '__main__':

    app.run()

html 如下：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    {% if num == 5 %}

        <h1>后台的数据是5</h1>

    {% elif num == 1 %}

        <h1>后台的数据是1</h1>

    {% else %}

        <h1>后台的数据不是1也不是5</h1>

    {% endif %}

</body>

</html>

flask框架下的jinja2模板引擎(1)(模板渲染)的更多相关文章

  1. flask框架下的jinja2模板引擎(2)(过滤器与自定义过滤器)

    flask框架下的jinja2模块引擎(1):https://www.cnblogs.com/chichung/p/9774556.html 这篇论文主要用来记录下 jinja2 的过滤器. 什么是过 ...

  2. flask框架下的jinja2模板引擎(3)(模板继承与可以在模板使用的变量、方法)

    flask 框架下的jinja2模块引擎(1):https://www.cnblogs.com/chichung/p/9774556.html flask 框架下的jinja2模块引擎(2):http ...

  3. Flask 框架下 Jinja2 模板引擎高层 API 类——Environment

    Environment 类版本: 本文所描述的 Environment 类对应于 Jinja2-2.7 版本.   Environment 类功能: Environment 是 Jinja2 中的一个 ...

  4. flask框架-下

    Local与偏函数 threasing.local 多个线程修改同一个数据,复制多份变量给每个线程用,为每个线程开辟一块空间进行数据存储. 不使用therading.local # 不用local f ...

  5. 【转】ASP.NET MVC框架下使用MVVM模式-KnockOutJS+JQ模板例子

    KnockOutJS学习系列----(一) 好几个月没去写博客了,最近也是因为项目紧张,不过这个不是借口,J. 很多时候可能是因为事情一多,然后没法静下来心来去写点东西,学点东西. 也很抱歉,突然看到 ...

  6. php模板原理PHP模板引擎smarty模板原理浅谈

    mvc是开发中的一个伟大的思想,使得开发代码有了更加清晰的层次,让代码分为了三层各施其职.无论是对代码的编写以及后期的阅读和维护,都提供了很大的便利. 我们在php开发中,视图层view是不允许有ph ...

  7. JS模板引擎-Mustache模板引擎使用实例1-表格树

    1 使用实例代码 1.jsp代码 <!DOCTYPE html> <html lang="zh-CN"> <head> <title> ...

  8. 模板引擎 Thymeleaf 动态渲染 HTML

    1.添加依赖 <!-- Thymeleaf 模板引擎 --> <dependency> <groupId>org.thymeleaf</groupId> ...

  9. 微擎框架下拉分页（使用js模板引擎）

    1.需要分页的页面,引入一下文件 <script language="javascript" src="\addons\{$_GPC['m']}\template\ ...

随机推荐

  1. C#反射动态调用dll中的方法，并返回结果(转)

    反射的作用是动态的加载某个dll(程序集),并执行该程序集中的某个方法,并返回结果:当然也可以给该方法传递参数 namespace assembly_name { public class assem ...

  2. VSCode快捷键整理

    shift+option+command+上下方向键 在上下方向增加或减少光标 shift+option+上下方向件 在复制当前行到下方或上方 位置跟方向键相反 shift+command+k 删除当 ...

  3. node学习网站

    https://nodejs.org/api/tty.html https://www.cnblogs.com/vajoy/p/4783390.html     process下面的所有方法

  4. kafka producer自定义partitioner和consumer多线程

    为了更好的实现负载均衡和消息的顺序性,Kafka Producer可以通过分发策略发送给指定的Partition.Kafka Java客户端有默认的Partitioner,平均的向目标topic的各个 ...

  5. django notes 二：URL dispatcher

    一般在 settings.py 中会有一个  ROOT_URLCONF ,请求到来时 django 会从 ROOT_URLCONF 指向的文件中查找  urlpatterns 变量配置的路由. url ...

  6. springmvc整合mybatis详细教程

    需求:整合springmvc和mybatis 整合的目标是:控制层采用springmvc,持久层使用mybatis 整合思想 dao层: 1.SqlMapConfig.xml.空文件即可.但是需要头文 ...

  7. mysql 5.6 windows7 解压缩版安装的坑

    从官网下载了解压缩版的mysql ,解压缩后,配置好环境变量,运行安装命令,提示我 缺失ddl文件,然后百度,找到了一个windows 系统组件扫描安装缺失组件的程序,然后继续安装,遇到了 初始化密码 ...

  8. php中array_walk() 和 array_map()两个函数区别

    两个函数的共性和区别: 1.传入这两个函数的 $value,就是数组中的单一个元素. 2.array_walk() 仅返回true或者false,array_map() 返回处理后的数组: 3.要得到 ...

  9. WPF 字体路径设置

    以往在引用电脑里面没有的其它字体,都是需要把这个字体安装到自己电脑中, WPF程序中可以直接把字体文件拷到程序资源目录里面,这样就可以引用的到,不必要非安装这种字体; 下面总结了几种路径的具体方法,测 ...

  10. GeneratedKeyHolder的作用：获得新建主键值

    Spring利用GeneratedKeyHolder,提供了一个可以返回新增记录对应主键值的方法: int update(PreparedStatementCreator psc, KeyHolder ...