Flask中jinja2的应用

# -*- coding: utf-8 -*-

# @Time    : 2019/9/24 17:29

# @Author  : AnWen

from flask import Flask, render_template

app = Flask(__name__)

app.debug = True

# 数据

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

STUDENT_LIST = [

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

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

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

]

STUDENT_DICT = {

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

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

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

}

def func(a, b):

	return a + b

@app.route('/stu')

def stu():

	return render_template('stu.html', func=func ,stu_info=STUDENT, stu_list=STUDENT_LIST, stu_dic=STUDENT_DICT)

if __name__ == '__main__':

	app.run()

html文件

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Title</title>

</head>

<body>

<h1>haha</h1>

{{ stu_info }}

<table border="1">

  <thead>

  <tr>

    <td>name</td>

    <td>age</td>

    <td>gender</td>

  </tr>

  </thead>

  <tbody>

  <tr>

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

    <td>{{ stu_info.age }}</td>

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

  </tr>

  </tbody>

</table>

{{ stu_list }}

<table border="1px">

  <thead>

  <tr>

    <td>name</td>

    <td>age</td>

    <td>gender</td>

  </tr>

  </thead>

  <tbody>

  {% for stu in stu_list %}

    <tr>

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

      <td>{{ stu.get('age') }}</td>

      <td>

        {% if stu["gender"] !="男" and stu['gender'] !="女" %}

          alal

        {% else %}

          {{ stu["gender"] }}

        {% endif %}

      </td>

    </tr>

  {% endfor %}

  </tbody>

</table>

{{ stu_dic }}

{% for dic in stu_dic %}

  {{ stu_dic[dic].get("name") }}

  {{ stu_dic[dic]["age"] }}

  {{ stu_dic[dic].gender }}

{% endfor %}

<table border="1px">

  <thead>

  <tr>

    <td>id</td>

    <td>name</td>

    <td>age</td>

    <td>gender</td>

  </tr>

  </thead>

  <tbody>

  {% for key,item in stu_dic.items() %}

    <tr>

    <td>{{ key }}</td>

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

    <td>{{ item.age }}</td>

    <td>{{ item.gender }}</td>

  </tr>

  {% endfor %}

  </tbody>

</table>

<p>{{ func(2,3) }}</p>

{% macro my_input(type,name) %}

  <input type="{{ type }}" name="{{ name }}">

{% endmacro %}

<p>自己创建的input标签 ：{{ my_input("text","username") }} {{ my_input("password","pass") }} {{ my_input("file","myfile") }}</p>

</body>

</html>

Flask中jinja2的应用的更多相关文章

  1. 第四篇flask中模板语言 jinja2

    Flask中默认的模板语言是Jinja2 首先我们要在后端定义几个字符串,用于传递到前端 STUDENT = {, 'gender': '中'}, STUDENT_LIST = [ {, 'gende ...

  2. Python框架学习之Flask中的Jinja2模板

    前面也提到过在Flask中最核心的两个组件是Werkzeug和Jinja2模板.其中Werkzeug在前一节已经详细说明了.现在这一节主要是来谈谈Jinja2模板. 一.为什么需要引入模板: 在进行软 ...

  3. Flask最强攻略 - 跟DragonFire学Flask - 第四篇 Flask 中的模板语言 Jinja2 及 render_template 的深度用法

    是时候开始写个前端了,Flask中默认的模板语言是Jinja2 现在我们来一步一步的学习一下 Jinja2 捎带手把 render_template 中留下的疑问解决一下 首先我们要在后端定义几个字符 ...

  4. flask的jinja2模板中过过滤器的相关小内容

    jinja2模板中有自带的过滤器,有需要直接拿来使用.也可以自己定义过滤器 在过滤器中,有一些常见得操作及关键字.有对字符串的操作,还有对大小写转换的操作.还有对list的操作 过滤器的语法 {# 过 ...

  5. 第四篇 Flask 中的模板语言 Jinja2 及 render_template 的深度用法

    是时候开始写个前端了,Flask中默认的模板语言是Jinja2 现在我们来一步一步的学习一下 Jinja2 捎带手把 render_template 中留下的疑问解决一下 首先我们要在后端定义几个字符 ...

  6. 3，Flask 中的模板语言 Jinja2 及 render_template 的深度用法

    Flask中默认的模板语言是Jinja2 现在我们来一步一步的学习一下 Jinja2 捎带手把 render_template 中留下的疑问解决一下 首先我们要在后端定义几个字符串,用于传递到前端 S ...

  7. flask中模板日期格式控制和jinja2中模板格式控制

    1.flask的模块语言采用的是jinja2,首先说一下jinja2中的模板格式控制的使用,即模板自定义filters的使用. python的脚本如下(采用的是格式显示日期): 1 from jinj ...

  8. flask 中的模板语法 jinja2及render_template的深度用法

    是时候开始写个前端了,Flask中默认的模板语言是Jinja2 现在我们来一步一步的学习一下 Jinja2 捎带手把 render_template 中留下的疑问解决一下 首先我们要在后端定义几个字符 ...

  9. Flask 中的模板语言 Jinja2 及 render_template 的深度用法

    是时候开始写个前端了,Flask中默认的模板语言是Jinja2 现在我们来一步一步的学习一下 Jinja2 捎带手把 render_template 中留下的疑问解决一下 首先我们要在后端定义几个字符 ...

随机推荐

  1. [Beta]第十次 Scrum Meeting

    [Beta]第十次 Scrum Meeting 写在前面 会议时间 会议时长 会议地点 2019/5/20 22:00 20min 大运村公寓6F寝室 附Github仓库:WEDO 例会照片 工作情况 ...

  2. 使用CAS实现单点登录功能

    目录 单点登录 简介 CAS服务器部署 上传tomcat服务器压缩到文件夹/usr/local/cas目录下,解压,修改tomcat文件夹名为tomcat 修改tomcat配置文件的端口号 关闭tom ...

  3. 查看DDR的频率【学习笔记】

    SDM439平台如何查看DDR的频率 通过访问如下节点查询:cat /sys/kernel/debug/clk/bimc_clk/measure 681.6MHz and higher frequen ...

  4. 回顾idea快捷键

    F9            resume programe 恢复程序 Alt+F10       show execution point 显示执行断点 F8            Step Over ...

  5. AnnotatedElementUtils.findMergedAnnotation作用

    // 在element上查询annotationType类型注解 // 将查询出的多个annotationType类型注解属性合并到查询的第一个注解中 // # 多个相同注解合并 org.spring ...

  6. Nodejs介绍和环境搭建

    Nodejs是JavaScript的运行环境,它让 Java Script 可以开发后端程序,实现几乎其他后端 Node.js 是一个 Javascript 运行环境(runtime) 可以与 PHP ...

  7. Android Studio打包没有Generate signed apk选项 解决方法

    原文地址:https://www.jianshu.com/p/9e02e55f0ba8 1.点击build栏目-并没有Generate signed apk选项 2.点击file,选中如下图所示Syn ...

  8. 【SSH进阶之路】Hibernate映射——多对多关联映射（八）

    上篇博文[SSH进阶之路]Hibernate映射——一对多关联映射(七),我们介绍了一对多关联映射,它是多对多关联映射的基础. 多对多映射是现实生活中最常见的映射,也是最容易理解的映射.废话少说,直接 ...

  9. DevOps - DevOps精要 - 变革

    特别说明 本文是已读书籍的学习笔记和内容摘要,原文内容有少部分改动,并添加一些相关信息,但总体不影响原文表达. <DevOps入门与实践> :本书结合实例详细介绍了在开发现场引入DevOp ...

  10. UE4 window打包ios备忘

    1.生成SHH key 2.安装证书 *.cer,*.p12 以下转自:http://wangjie.rocks/2017/11/30/ue4-ios-build-on-windows/ 问题一 12 ...