flask框架下的jinja2模板引擎(1)(模板渲染)

#转载请留言联系

模板是什么？

在 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)(模板渲染)的更多相关文章

flask框架下的jinja2模板引擎(2)(过滤器与自定义过滤器)
flask框架下的jinja2模块引擎(1):https://www.cnblogs.com/chichung/p/9774556.html 这篇论文主要用来记录下 jinja2 的过滤器. 什么是过 ...
flask框架下的jinja2模板引擎(3)(模板继承与可以在模板使用的变量、方法)
flask 框架下的jinja2模块引擎(1):https://www.cnblogs.com/chichung/p/9774556.html flask 框架下的jinja2模块引擎(2):http ...
Flask 框架下 Jinja2 模板引擎高层 API 类——Environment
Environment 类版本: 本文所描述的 Environment 类对应于 Jinja2-2.7 版本. Environment 类功能: Environment 是 Jinja2 中的一个 ...
flask框架-下
Local与偏函数 threasing.local 多个线程修改同一个数据,复制多份变量给每个线程用,为每个线程开辟一块空间进行数据存储. 不使用therading.local # 不用local f ...
【转】ASP.NET MVC框架下使用MVVM模式-KnockOutJS+JQ模板例子
KnockOutJS学习系列----(一) 好几个月没去写博客了,最近也是因为项目紧张,不过这个不是借口,J. 很多时候可能是因为事情一多,然后没法静下来心来去写点东西,学点东西. 也很抱歉,突然看到 ...
php模板原理PHP模板引擎smarty模板原理浅谈
mvc是开发中的一个伟大的思想,使得开发代码有了更加清晰的层次,让代码分为了三层各施其职.无论是对代码的编写以及后期的阅读和维护,都提供了很大的便利. 我们在php开发中,视图层view是不允许有ph ...
JS模板引擎-Mustache模板引擎使用实例1-表格树
1 使用实例代码 1.jsp代码 <!DOCTYPE html> <html lang="zh-CN"> <head> <title> ...
模板引擎 Thymeleaf 动态渲染 HTML
1.添加依赖  <dependency> <groupId>org.thymeleaf</groupId> ...
微擎框架下拉分页（使用js模板引擎）
1.需要分页的页面,引入一下文件 <script language="javascript" src="\addons\{$_GPC['m']}\template\ ...

随机推荐

SS7
在PSTN中各个网络点通过数字信令网交换信息的过程及协议呼叫流程 SS7 的消息是通过网络点之间的56/64Kbps 的双向通道传送的,这些通道就叫信令链路(signaling links). 信令 ...
shell (3) 磁盘挂载
#!/bin/sh disk=`df -h |grep /dev/sd|awk '{print $1}'` echo $disk for d in $disk do echo $d uuid=`blk ...
转 $.ajax()方法详解
1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如 ...
Android Watchdog
http://androidxref.com/6.0.1_r10/xref/frameworks/base/services/core/java/com/android/server/Watchdog ...
那些H5用到的技术（4）——弹幕
前言思路实现模式无限循环模式时间线模式停止显示弹幕前言以前玩卷轴射击游戏的时候,大量的BOSS子弹让我们无路可逃的时候,让我见识到了真正弹幕的威力,可自从A站B站火了之后,大量评论留言参与到了视频 ...
line-height详解
line-height详解要说line-height就必须要知道这几个概念了: 顶线.中线.基线.底线. 这也就是在vertical-align中可能用到的top,middle,baseline和b ...
CentOS下MySQL的安装过程
1 查看 CentOS 自带的 mysql 输入命令: rpm -qa | grep mysql 2 将自带的MySQL卸载了输入命令: rpm -e --nodeps mysql-libs-5.1 ...
window server 搭建git服务器
Git服务器Gogs简易安装-Windows环境 1.下载git for windows 1 https://github.com/git-for-windows/git/releases/dow ...
微信小程序-组件篇
一.摘要组件是小程序整个语法中占比比较大的一部分,没写过组件可以说只懂了半个小程序.组件提供了类似页面的生命周期与逻辑.相比于模板,组件能实现的功能更加全面,也更为强大.通过slot可以自由扩展组件 ...
Mac OS X安装OpenGL
Mac OS X安装OpenGL 安装最新的cmake brew install cmake brew upgrade cmake 安装glew brew install glew 安装GLTools ...

flask框架下的jinja2模板引擎(1)(模板渲染)

模板是什么？

Jinja2是什么？

jinja2 遍历列表渲染

jinja2遍历字典渲染

jinja2条件渲染

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

随机推荐

热门专题