Flask中默认的模板语言是Jinja2

STUDENT = {'name': 'Old', 'age': 38, 'gender': '中'},

STUDENT_LIST = [

    {'name': 'pj', 'age': 38, 'gender': '中'},

    {'name': 'lc', 'age': 73, 'gender': '男'},

    {'name': 'fy', 'age': 84, 'gender': '女'}

]

STUDENT_DICT = {

    1: {'name': 'pj', 'age': 38, 'gender': '中'},

    2: {'name': 'lc', 'age': 73, 'gender': '男'},

    3: {'name': 'fy', 'age': 84, 'gender': '女'},

}

Jinja2模板中的流程控制:

I. Jinja2模板语言中的 for

{% for foo in g %}

{% endfor %}

II. Jinja2模板语言中的 if

{% if g %}

{% elif g %}

{% else %}

{% endif %}

1. 使用STUDENT字典传递至前端

后端:

@app.route("/student")

def index():

    return render_template("student.html", student=STUDENT)

前端:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Old Boy EDU</title>

</head>

<body>

Welcome to Old Boy EDU

<div>{{ student }}</div>

<table border="1px">

    <tr>

        <td>{{ student.name }}</td>

        <td>{{ student["age"] }}</td>

        <td>{{ student.get("gender") }}</td>

    </tr>

</table>

</body>

</html>

从这个例子中,可以看出来,字典传入前端Jinja2 模板语言中的取值操作, 与Python中的Dict操作极为相似,并且多了一个student.name的对象操作

2. STUDENT_LIST 列表传入前端Jinja2 模板的操作:

后端:

@app.route("/student_list")

def student_list():

    return render_template("student_list.html", student=STUDENT_LIST)

前端:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Old Boy EDU</title>

</head>

<body>

Welcome to Old Boy EDU

<div>{{ student }}</div>

<table border="1xp">

    {% for foo in student %}

        <tr>

            <td>{{ foo }}</td>

            <td>{{ foo.name }}</td>

            <td>{{ foo.get("age") }}</td>

            <td>{{ foo["gender"] }}</td>

        </tr>

    {% endfor %}

</table>

</body>

</html>

如果是需要循环遍历的话,Jinja2 给我们的方案是

    {% for foo in student %}

        <tr>

            <td>{{ foo }}</td>

        </tr>

    {% endfor %}

上述代码中的 foo 就是列表中的每一个字典,再使用各种取值方式取出值即可

3.STUDENT_DICT 大字典传入前端 Jinja2 模板

后端:

@app.route("/student_dict")

def student_dict():

    return render_template("student_dict.html", student=STUDENT_DICT)

前端:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Old Boy EDU</title>

</head>

<body>

Welcome to Old Boy EDU

<table>

    {% for foo in student %}

        <tr>

            <td>{{ foo }}</td>

            <td>{{ student.get(foo).name }}</td>

            <td>{{ student[foo].get("age") }}</td>

            <td>{{ student[foo]["gender"] }}</td>

        </tr>

    {% endfor %}

</table>

</body>

</html>

在遍历字典的时候,foo 其实是相当于拿出了字典中的Key

4.结合所有的字符串儿全部专递前端Jinja2 模板

后端:

@app.route("/allstudent")

def all_student():

    return render_template("all_student.html", student=STUDENT ,

                           student_list = STUDENT_LIST,

                           student_dict= STUDENT_DICT)

前端:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Old Boy EDU</title>

</head>

<body>

<div> _____________________________________</div>

Welcome to Old Boy EDU : student

<div>{{ student }}</div>

<table border="1px">

    <tr>

        <td>{{ student.name }}</td>

        <td>{{ student["age"] }}</td>

        <td>{{ student.get("gender") }}</td>

    </tr>

</table>

<div> _____________________________________</div>

Welcome to Old Boy EDU : student_list

<div>{{ student_list }}</div>

<table border="1xp">

    {% for foo in student_list %}

        <tr>

            <td>{{ foo }}</td>

            <td>{{ foo.name }}</td>

            <td>{{ foo.get("age") }}</td>

            <td>{{ foo["gender"] }}</td>

        </tr>

    {% endfor %}

</table>

<div> _____________________________________</div>

Welcome to Old Boy EDU : student_dict

<div>{{ student_dict }}</div>

<table border="1xp">

    {% for foo in student_dict %}

        <tr>

            <td>{{ foo }}</td>

            <td>{{ student_dict.get(foo).name }}</td>

            <td>{{ student_dict[foo].get("age") }}</td>

            <td>{{ student_dict[foo]["gender"] }}</td>

        </tr>

    {% endfor %}

</table>

</body>

</html>

render_template中可以传递多个关键字

5.利用 **{}字典的方式传递参数

前端不变(标题4的前端代码)

后端:

@app.route("/allstudent")

def all_student():

    return render_template("all_student.html", **{"student":STUDENT ,

                           "student_list" : STUDENT_LIST,

                           "student_dict": STUDENT_DICT})

Flask 模板语法的更多相关文章

  1. flask配置文件、路由设置、模板语法、请求与响应、session使用、闪现功能(flash)

    今日内容概要 flask 配置文件 flask 路由系统 flask模板语法 请求与相应 session 闪现(flash翻译过来的) 内容详细 1.flask 配置文件 # django ---&g ...

  2. flask模板的基本用法（定界符、模板语法、渲染模板），模板辅助工具（上下文、全局对象、过滤器、测试器、模板环境对象）

    flask模板 在动态web程序中,视图函数返回的HTML数据往往需要根据相应的变量(比如查询参数)动态生成. 当HTML代码保存到单独的文件中时,我们没法再使用字符串格式化或拼接字符串的当时在HTM ...

  3. Flask视图函数与模板语法

    1.Django中的CBV模式 ​ 2.Flask中的CBV和FBV def auth(func):     def inner(*args, **kwargs):         result =  ...

  4. Flask框架 请求与响应 & 模板语法

    目录 Flask框架 请求与响应 & 模板语法 简单了解Flask框架 Flask 框架 与 Django 框架对比 简单使用Flask提供服务 Flask 中的 Response(响应) F ...

  5. flask模板

    做为python web开发领域的一员,flask跟Django在很多地方用法以都是相似的,比如flask的模板 模板就是服务器端的页面,在模板中可以使用服务端的语法进行输出控制 1.模板的工作原理 ...

  6. Flask模板渲染

    目录 Flask模板渲染 Jinja2模板引擎简介 模板 Jinja2 模板变量 变量 控制结构 宏,类似Python代码中的函数 模板继承 包含(Include) 过滤器 链式调用 常见内建过滤器 ...

  7. Flask模板注入

    Flask模板注入 Flask模板注入漏洞属于经典的SSTI(服务器模板注入漏洞). Flask案例 一个简单的Flask应用案例: from flask import Flask,render_te ...

  8. 实验2、Flask模板、表单、视图和重定向示例

    实验内容 1. 实验内容 表单功能与页面跳转功 能是Web应用程序的基础功能,学习并使用他们能够更好的完善应用程序的功能.Flask使用了名为Jinja2的模板引擎,该引擎根据用户的交互级别显示应用程 ...

  9. angular2系列教程（二）模板语法

    今天我们要讲的是angualr2的模板语法,官网写的很清楚,但我也用通俗易懂的讲法再罗列一下吧! 例子

随机推荐

  1. 【bzoj5170】Fable（树状数组）

    题目传送门:https://www.lydsy.com/JudgeOnline/problem.php?id=5170 我们会发现,经过一轮冒泡后,若a[i]的前面有比它大的数,就一定会有一个被丢到后 ...

  2. Opencv3_Learning

    git地址 采用jupyter notebook进行编程,语言为python. 感谢博主--戳 这类东西真的是不是天天打,就是打过就忘.. 有志者事竟成,破釜沉舟,百二秦关终属楚. 苦心人天不负,卧薪 ...

  3. ssh connection refused

    执行sudo apt-get install openssh-server命令安装SSH服务

  4. "CMAKE_CXX_COMPILER-NOTFOUND"

    CMake Error: your CXX compiler: "CMAKE_CXX_COMPILER-NOTFOUND" was not found. Please set CM ...

  5. Mysql中FIND_IN_SET和REPLACE函数简介

    一  FIND_IN_SET() SELECT * from u_user where FIND_IN_SET('32',tags) 上面的sql是精确查找,查找表中tags中含有32的记录(注意这里 ...

  6. bzoj-5049-线段树

    5039: [Jsoi2014]序列维护 Time Limit: 20 Sec  Memory Limit: 256 MBSubmit: 323  Solved: 193[Submit][Status ...

  7. 探究JS中对象的深拷贝和浅拷贝

    深拷贝和浅拷贝的区别 在讲深拷贝和浅拷贝的区别之前,回想一下我们平时拷贝一个对象时是怎么操作的?是不是像这样? var testObj1 = {a: 1, b:2}, testObj2=testObj ...

  8. java之double类型数值的比较

    先看demo: public class L26 { /** * @param args */ public static void main(String[] args) { // TODO Aut ...

  9. FIS 的思想和优点

    资源表 各种性能优化算法的加载框架 依赖声明有助于组件化 资源自动合并 链接 与webpack对比

  10. DDMS介绍

    DDMS全称:Dalvik Debug Monitor Service 一,DDMS的作用 它提供了截屏.查看线程和堆信息.logcat.进程.广播状态信息.模拟来电呼叫和短信.虚拟地理坐标等等. 二 ...